<template>
	<div class="main">
		<h1 class="logo">
			<a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
				<img
					width="200"
					src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
				/>
			</a>
		</h1>
		<div class="nav-tabs">
			<ul id="tabs" class="dib-box">
				<li :class="{dib:true, active:1==curtab}" @click="handleClick(1)">
					<span>Unicode</span>
				</li>
				<li :class="{dib:true, active:2==curtab}" @click="handleClick(2)">
					<span>Font class</span>
				</li>
			</ul>

		</div>
		<div class="tab-container">
			<div class="content unicode" v-show="curtab === 1">
				<ul class="icon_lists dib-box">
					<li class="dib">
						<span class="icon iconfont">&#xe7d5;</span>
						<div class="name">database</div>
						<div class="code-name">&amp;#xe7d5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d5;</span>
						<div class="name">file-exclamation-fil</div>
						<div class="code-name">&amp;#xe8d5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d6;</span>
						<div class="name">sever</div>
						<div class="code-name">&amp;#xe7d6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d6;</span>
						<div class="name">file-add-fill</div>
						<div class="code-name">&amp;#xe8d6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d7;</span>
						<div class="name">mobile</div>
						<div class="code-name">&amp;#xe7d7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d7;</span>
						<div class="name">file-fill</div>
						<div class="code-name">&amp;#xe8d7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d8;</span>
						<div class="name">tablet</div>
						<div class="code-name">&amp;#xe7d8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d8;</span>
						<div class="name">file-excel-fill</div>
						<div class="code-name">&amp;#xe8d8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d9;</span>
						<div class="name">red envelope</div>
						<div class="code-name">&amp;#xe7d9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d9;</span>
						<div class="name">file-markdown-fill</div>
						<div class="code-name">&amp;#xe8d9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7da;</span>
						<div class="name">book</div>
						<div class="code-name">&amp;#xe7da;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8da;</span>
						<div class="name">file-text-fill</div>
						<div class="code-name">&amp;#xe8da;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7db;</span>
						<div class="name">file done</div>
						<div class="code-name">&amp;#xe7db;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8db;</span>
						<div class="name">file-ppt-fill</div>
						<div class="code-name">&amp;#xe8db;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7dc;</span>
						<div class="name">reconciliation</div>
						<div class="code-name">&amp;#xe7dc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8dc;</span>
						<div class="name">file-unknown-fill</div>
						<div class="code-name">&amp;#xe8dc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7dd;</span>
						<div class="name">file -exception</div>
						<div class="code-name">&amp;#xe7dd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8dd;</span>
						<div class="name">file-word-fill</div>
						<div class="code-name">&amp;#xe8dd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7de;</span>
						<div class="name">file sync</div>
						<div class="code-name">&amp;#xe7de;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8de;</span>
						<div class="name">file-zip-fill</div>
						<div class="code-name">&amp;#xe8de;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7df;</span>
						<div class="name">file search</div>
						<div class="code-name">&amp;#xe7df;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8df;</span>
						<div class="name">file-pdf-fill</div>
						<div class="code-name">&amp;#xe8df;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e0;</span>
						<div class="name">solution</div>
						<div class="code-name">&amp;#xe7e0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e0;</span>
						<div class="name">file-image-fill</div>
						<div class="code-name">&amp;#xe8e0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e1;</span>
						<div class="name">file protect</div>
						<div class="code-name">&amp;#xe7e1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e1;</span>
						<div class="name">diff-fill</div>
						<div class="code-name">&amp;#xe8e1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e2;</span>
						<div class="name">file-add</div>
						<div class="code-name">&amp;#xe7e2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e2;</span>
						<div class="name">file-copy-fill</div>
						<div class="code-name">&amp;#xe8e2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e3;</span>
						<div class="name">file-excel</div>
						<div class="code-name">&amp;#xe7e3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e3;</span>
						<div class="name">snippets-fill</div>
						<div class="code-name">&amp;#xe8e3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e4;</span>
						<div class="name">file-exclamation</div>
						<div class="code-name">&amp;#xe7e4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e4;</span>
						<div class="name">batch folding-fill</div>
						<div class="code-name">&amp;#xe8e4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e5;</span>
						<div class="name">file-pdf</div>
						<div class="code-name">&amp;#xe7e5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e5;</span>
						<div class="name">reconciliation-fill</div>
						<div class="code-name">&amp;#xe8e5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e6;</span>
						<div class="name">file-image</div>
						<div class="code-name">&amp;#xe7e6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e6;</span>
						<div class="name">folder-add-fill</div>
						<div class="code-name">&amp;#xe8e6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e7;</span>
						<div class="name">file-markdown</div>
						<div class="code-name">&amp;#xe7e7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e7;</span>
						<div class="name">folder-fill</div>
						<div class="code-name">&amp;#xe8e7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e8;</span>
						<div class="name">file-unknown</div>
						<div class="code-name">&amp;#xe7e8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e8;</span>
						<div class="name">folder-open-fill</div>
						<div class="code-name">&amp;#xe8e8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7e9;</span>
						<div class="name">file-ppt</div>
						<div class="code-name">&amp;#xe7e9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8e9;</span>
						<div class="name">database-fill</div>
						<div class="code-name">&amp;#xe8e9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ea;</span>
						<div class="name">file-word</div>
						<div class="code-name">&amp;#xe7ea;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ea;</span>
						<div class="name">container-fill</div>
						<div class="code-name">&amp;#xe8ea;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7eb;</span>
						<div class="name">file</div>
						<div class="code-name">&amp;#xe7eb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8eb;</span>
						<div class="name">sever-fill</div>
						<div class="code-name">&amp;#xe8eb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ec;</span>
						<div class="name">file-zip</div>
						<div class="code-name">&amp;#xe7ec;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ec;</span>
						<div class="name">calendar-check-fill</div>
						<div class="code-name">&amp;#xe8ec;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ed;</span>
						<div class="name">file-text</div>
						<div class="code-name">&amp;#xe7ed;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ed;</span>
						<div class="name">image-fill</div>
						<div class="code-name">&amp;#xe8ed;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ee;</span>
						<div class="name">file-copy</div>
						<div class="code-name">&amp;#xe7ee;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ee;</span>
						<div class="name">id card-fill</div>
						<div class="code-name">&amp;#xe8ee;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ef;</span>
						<div class="name">snippets</div>
						<div class="code-name">&amp;#xe7ef;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ef;</span>
						<div class="name">credit card-fill</div>
						<div class="code-name">&amp;#xe8ef;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f0;</span>
						<div class="name">audit</div>
						<div class="code-name">&amp;#xe7f0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f0;</span>
						<div class="name">fund-fill</div>
						<div class="code-name">&amp;#xe8f0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f1;</span>
						<div class="name">diff</div>
						<div class="code-name">&amp;#xe7f1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f1;</span>
						<div class="name">read-fill</div>
						<div class="code-name">&amp;#xe8f1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f2;</span>
						<div class="name">Batch folding</div>
						<div class="code-name">&amp;#xe7f2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f2;</span>
						<div class="name">contacts-fill</div>
						<div class="code-name">&amp;#xe8f2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f3;</span>
						<div class="name">security scan</div>
						<div class="code-name">&amp;#xe7f3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f3;</span>
						<div class="name">delete-fill</div>
						<div class="code-name">&amp;#xe8f3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f4;</span>
						<div class="name">property safety</div>
						<div class="code-name">&amp;#xe7f4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f4;</span>
						<div class="name">notification-fill</div>
						<div class="code-name">&amp;#xe8f4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f5;</span>
						<div class="name">safety certificate</div>
						<div class="code-name">&amp;#xe7f5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f5;</span>
						<div class="name">flag-fill</div>
						<div class="code-name">&amp;#xe8f5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f6;</span>
						<div class="name">insurance</div>
						<div class="code-name">&amp;#xe7f6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f6;</span>
						<div class="name">money collect-fill</div>
						<div class="code-name">&amp;#xe8f6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f7;</span>
						<div class="name">alert</div>
						<div class="code-name">&amp;#xe7f7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f7;</span>
						<div class="name">medicine box-fill</div>
						<div class="code-name">&amp;#xe8f7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f8;</span>
						<div class="name">delete</div>
						<div class="code-name">&amp;#xe7f8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f8;</span>
						<div class="name">rest-fill</div>
						<div class="code-name">&amp;#xe8f8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7f9;</span>
						<div class="name">hourglass</div>
						<div class="code-name">&amp;#xe7f9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8f9;</span>
						<div class="name">shopping-fill</div>
						<div class="code-name">&amp;#xe8f9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7fa;</span>
						<div class="name">bulb</div>
						<div class="code-name">&amp;#xe7fa;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8fa;</span>
						<div class="name">skin-fill</div>
						<div class="code-name">&amp;#xe8fa;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7fb;</span>
						<div class="name">experiment</div>
						<div class="code-name">&amp;#xe7fb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8fb;</span>
						<div class="name">video-fill</div>
						<div class="code-name">&amp;#xe8fb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7fc;</span>
						<div class="name">bell</div>
						<div class="code-name">&amp;#xe7fc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8fc;</span>
						<div class="name">sound-fill</div>
						<div class="code-name">&amp;#xe8fc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7fd;</span>
						<div class="name">trophy</div>
						<div class="code-name">&amp;#xe7fd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8fd;</span>
						<div class="name">bulb-fill</div>
						<div class="code-name">&amp;#xe8fd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7fe;</span>
						<div class="name">rest</div>
						<div class="code-name">&amp;#xe7fe;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8fe;</span>
						<div class="name">bell-fill</div>
						<div class="code-name">&amp;#xe8fe;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ff;</span>
						<div class="name">USB</div>
						<div class="code-name">&amp;#xe7ff;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ff;</span>
						<div class="name">filter-fill</div>
						<div class="code-name">&amp;#xe8ff;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe800;</span>
						<div class="name">skin</div>
						<div class="code-name">&amp;#xe800;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe900;</span>
						<div class="name">fire-fill</div>
						<div class="code-name">&amp;#xe900;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe801;</span>
						<div class="name">home</div>
						<div class="code-name">&amp;#xe801;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe901;</span>
						<div class="name">funnel plot-fill</div>
						<div class="code-name">&amp;#xe901;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe802;</span>
						<div class="name">bank</div>
						<div class="code-name">&amp;#xe802;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe902;</span>
						<div class="name">gift-fill</div>
						<div class="code-name">&amp;#xe902;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe803;</span>
						<div class="name">filter</div>
						<div class="code-name">&amp;#xe803;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe903;</span>
						<div class="name">hourglass-fill</div>
						<div class="code-name">&amp;#xe903;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe804;</span>
						<div class="name">funnel plot</div>
						<div class="code-name">&amp;#xe804;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe904;</span>
						<div class="name">home-fill</div>
						<div class="code-name">&amp;#xe904;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe805;</span>
						<div class="name">like</div>
						<div class="code-name">&amp;#xe805;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe905;</span>
						<div class="name">trophy-fill</div>
						<div class="code-name">&amp;#xe905;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe806;</span>
						<div class="name">unlike</div>
						<div class="code-name">&amp;#xe806;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe906;</span>
						<div class="name">location-fill</div>
						<div class="code-name">&amp;#xe906;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe807;</span>
						<div class="name">unlock</div>
						<div class="code-name">&amp;#xe807;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe907;</span>
						<div class="name">cloud-fill</div>
						<div class="code-name">&amp;#xe907;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe808;</span>
						<div class="name">lock</div>
						<div class="code-name">&amp;#xe808;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe908;</span>
						<div class="name">customerservice-fill</div>
						<div class="code-name">&amp;#xe908;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe809;</span>
						<div class="name">customerservice</div>
						<div class="code-name">&amp;#xe809;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe909;</span>
						<div class="name">experiment-fill</div>
						<div class="code-name">&amp;#xe909;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe80a;</span>
						<div class="name">flag</div>
						<div class="code-name">&amp;#xe80a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe90a;</span>
						<div class="name">eye-fill</div>
						<div class="code-name">&amp;#xe90a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe80b;</span>
						<div class="name">money collect</div>
						<div class="code-name">&amp;#xe80b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe90b;</span>
						<div class="name">like-fill</div>
						<div class="code-name">&amp;#xe90b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe80c;</span>
						<div class="name">medicinebox</div>
						<div class="code-name">&amp;#xe80c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe90c;</span>
						<div class="name">lock-fill</div>
						<div class="code-name">&amp;#xe90c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe80d;</span>
						<div class="name">shop</div>
						<div class="code-name">&amp;#xe80d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe90d;</span>
						<div class="name">unlike-fill</div>
						<div class="code-name">&amp;#xe90d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe80e;</span>
						<div class="name">rocket</div>
						<div class="code-name">&amp;#xe80e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe90e;</span>
						<div class="name">star-fill</div>
						<div class="code-name">&amp;#xe90e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe80f;</span>
						<div class="name">shopping</div>
						<div class="code-name">&amp;#xe80f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe90f;</span>
						<div class="name">unlock-fill</div>
						<div class="code-name">&amp;#xe90f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe810;</span>
						<div class="name">folder</div>
						<div class="code-name">&amp;#xe810;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe910;</span>
						<div class="name">alert-fill</div>
						<div class="code-name">&amp;#xe910;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe811;</span>
						<div class="name">folder-open</div>
						<div class="code-name">&amp;#xe811;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe911;</span>
						<div class="name">api-fill</div>
						<div class="code-name">&amp;#xe911;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe812;</span>
						<div class="name">folder-add</div>
						<div class="code-name">&amp;#xe812;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe912;</span>
						<div class="name">highlight-fill</div>
						<div class="code-name">&amp;#xe912;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe813;</span>
						<div class="name">deployment unit</div>
						<div class="code-name">&amp;#xe813;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe913;</span>
						<div class="name">phone-fill</div>
						<div class="code-name">&amp;#xe913;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe814;</span>
						<div class="name">account book</div>
						<div class="code-name">&amp;#xe814;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe914;</span>
						<div class="name">edit-fill</div>
						<div class="code-name">&amp;#xe914;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe815;</span>
						<div class="name">contacts</div>
						<div class="code-name">&amp;#xe815;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe915;</span>
						<div class="name">pushpin-fill</div>
						<div class="code-name">&amp;#xe915;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe816;</span>
						<div class="name">carry out</div>
						<div class="code-name">&amp;#xe816;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe916;</span>
						<div class="name">rocket-fill</div>
						<div class="code-name">&amp;#xe916;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe817;</span>
						<div class="name">calendar-check</div>
						<div class="code-name">&amp;#xe817;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe917;</span>
						<div class="name">thunderbolt-fill</div>
						<div class="code-name">&amp;#xe917;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe818;</span>
						<div class="name">calendar</div>
						<div class="code-name">&amp;#xe818;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe918;</span>
						<div class="name">tag-fill</div>
						<div class="code-name">&amp;#xe918;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe819;</span>
						<div class="name">scan</div>
						<div class="code-name">&amp;#xe819;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe919;</span>
						<div class="name">wrench-fill</div>
						<div class="code-name">&amp;#xe919;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe81a;</span>
						<div class="name">select</div>
						<div class="code-name">&amp;#xe81a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe91a;</span>
						<div class="name">tags-fill</div>
						<div class="code-name">&amp;#xe91a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe81b;</span>
						<div class="name">box plot</div>
						<div class="code-name">&amp;#xe81b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe91b;</span>
						<div class="name">bank-fill</div>
						<div class="code-name">&amp;#xe91b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe81c;</span>
						<div class="name">build</div>
						<div class="code-name">&amp;#xe81c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe91c;</span>
						<div class="name">camera-fill</div>
						<div class="code-name">&amp;#xe91c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe81d;</span>
						<div class="name">sliders</div>
						<div class="code-name">&amp;#xe81d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe91d;</span>
						<div class="name">error-fill</div>
						<div class="code-name">&amp;#xe91d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe81e;</span>
						<div class="name">laptop</div>
						<div class="code-name">&amp;#xe81e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe91e;</span>
						<div class="name">crown-fill</div>
						<div class="code-name">&amp;#xe91e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe81f;</span>
						<div class="name">barcode</div>
						<div class="code-name">&amp;#xe81f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe91f;</span>
						<div class="name">mail-fill</div>
						<div class="code-name">&amp;#xe91f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe820;</span>
						<div class="name">camera</div>
						<div class="code-name">&amp;#xe820;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe920;</span>
						<div class="name">car-fill</div>
						<div class="code-name">&amp;#xe920;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe821;</span>
						<div class="name">cluster</div>
						<div class="code-name">&amp;#xe821;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe921;</span>
						<div class="name">printer-fill</div>
						<div class="code-name">&amp;#xe921;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe822;</span>
						<div class="name">gateway</div>
						<div class="code-name">&amp;#xe822;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe922;</span>
						<div class="name">shop-fill</div>
						<div class="code-name">&amp;#xe922;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe823;</span>
						<div class="name">car</div>
						<div class="code-name">&amp;#xe823;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe923;</span>
						<div class="name">setting-fill</div>
						<div class="code-name">&amp;#xe923;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe824;</span>
						<div class="name">printer</div>
						<div class="code-name">&amp;#xe824;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe924;</span>
						<div class="name">USB-fill</div>
						<div class="code-name">&amp;#xe924;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe825;</span>
						<div class="name">read</div>
						<div class="code-name">&amp;#xe825;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe925;</span>
						<div class="name">golden-fill</div>
						<div class="code-name">&amp;#xe925;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe826;</span>
						<div class="name">cloud-server</div>
						<div class="code-name">&amp;#xe826;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe926;</span>
						<div class="name">build-fill</div>
						<div class="code-name">&amp;#xe926;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe827;</span>
						<div class="name">cloud-upload</div>
						<div class="code-name">&amp;#xe827;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe927;</span>
						<div class="name">box plot-fill</div>
						<div class="code-name">&amp;#xe927;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe828;</span>
						<div class="name">cloud</div>
						<div class="code-name">&amp;#xe828;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe928;</span>
						<div class="name">sliders-fill</div>
						<div class="code-name">&amp;#xe928;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe829;</span>
						<div class="name">cloud-download</div>
						<div class="code-name">&amp;#xe829;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe929;</span>
						<div class="name">alibaba</div>
						<div class="code-name">&amp;#xe929;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe82a;</span>
						<div class="name">cloud-sync</div>
						<div class="code-name">&amp;#xe82a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe92a;</span>
						<div class="name">ant design</div>
						<div class="code-name">&amp;#xe92a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe82b;</span>
						<div class="name">video</div>
						<div class="code-name">&amp;#xe82b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe92b;</span>
						<div class="name">ant-cloud</div>
						<div class="code-name">&amp;#xe92b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe82c;</span>
						<div class="name">notification</div>
						<div class="code-name">&amp;#xe82c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe92c;</span>
						<div class="name">behance</div>
						<div class="code-name">&amp;#xe92c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe82d;</span>
						<div class="name">sound</div>
						<div class="code-name">&amp;#xe82d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe92d;</span>
						<div class="name">google plus</div>
						<div class="code-name">&amp;#xe92d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe82e;</span>
						<div class="name">radar chart</div>
						<div class="code-name">&amp;#xe82e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe92e;</span>
						<div class="name">medium</div>
						<div class="code-name">&amp;#xe92e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe82f;</span>
						<div class="name">qrcode</div>
						<div class="code-name">&amp;#xe82f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe92f;</span>
						<div class="name">google</div>
						<div class="code-name">&amp;#xe92f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe830;</span>
						<div class="name">fund</div>
						<div class="code-name">&amp;#xe830;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe930;</span>
						<div class="name">IE</div>
						<div class="code-name">&amp;#xe930;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe831;</span>
						<div class="name">image</div>
						<div class="code-name">&amp;#xe831;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe931;</span>
						<div class="name">amazon</div>
						<div class="code-name">&amp;#xe931;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe832;</span>
						<div class="name">mail</div>
						<div class="code-name">&amp;#xe832;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe932;</span>
						<div class="name">slack</div>
						<div class="code-name">&amp;#xe932;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe833;</span>
						<div class="name">table</div>
						<div class="code-name">&amp;#xe833;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe933;</span>
						<div class="name">alipay</div>
						<div class="code-name">&amp;#xe933;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe834;</span>
						<div class="name">id card</div>
						<div class="code-name">&amp;#xe834;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe934;</span>
						<div class="name">taobao</div>
						<div class="code-name">&amp;#xe934;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe835;</span>
						<div class="name">credit card</div>
						<div class="code-name">&amp;#xe835;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe935;</span>
						<div class="name">zhihu</div>
						<div class="code-name">&amp;#xe935;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe836;</span>
						<div class="name">heart</div>
						<div class="code-name">&amp;#xe836;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe936;</span>
						<div class="name">HTML5</div>
						<div class="code-name">&amp;#xe936;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe837;</span>
						<div class="name">block</div>
						<div class="code-name">&amp;#xe837;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe937;</span>
						<div class="name">linkedin</div>
						<div class="code-name">&amp;#xe937;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe838;</span>
						<div class="name">error</div>
						<div class="code-name">&amp;#xe838;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe938;</span>
						<div class="name">yahoo</div>
						<div class="code-name">&amp;#xe938;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe839;</span>
						<div class="name">star</div>
						<div class="code-name">&amp;#xe839;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe939;</span>
						<div class="name">facebook</div>
						<div class="code-name">&amp;#xe939;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe83a;</span>
						<div class="name">gold</div>
						<div class="code-name">&amp;#xe83a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe93a;</span>
						<div class="name">skype</div>
						<div class="code-name">&amp;#xe93a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe83b;</span>
						<div class="name">heat map</div>
						<div class="code-name">&amp;#xe83b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe93b;</span>
						<div class="name">CodeSandbox</div>
						<div class="code-name">&amp;#xe93b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe83c;</span>
						<div class="name">wifi</div>
						<div class="code-name">&amp;#xe83c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe93c;</span>
						<div class="name">chrome</div>
						<div class="code-name">&amp;#xe93c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe83d;</span>
						<div class="name">attachment</div>
						<div class="code-name">&amp;#xe83d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe93d;</span>
						<div class="name">codepen</div>
						<div class="code-name">&amp;#xe93d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe83e;</span>
						<div class="name">edit</div>
						<div class="code-name">&amp;#xe83e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe93e;</span>
						<div class="name">aliwangwang</div>
						<div class="code-name">&amp;#xe93e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe83f;</span>
						<div class="name">key</div>
						<div class="code-name">&amp;#xe83f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe93f;</span>
						<div class="name">apple</div>
						<div class="code-name">&amp;#xe93f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe840;</span>
						<div class="name">api</div>
						<div class="code-name">&amp;#xe840;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe940;</span>
						<div class="name">android</div>
						<div class="code-name">&amp;#xe940;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe841;</span>
						<div class="name">disconnect</div>
						<div class="code-name">&amp;#xe841;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe941;</span>
						<div class="name">sketch</div>
						<div class="code-name">&amp;#xe941;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe842;</span>
						<div class="name">highlight</div>
						<div class="code-name">&amp;#xe842;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe942;</span>
						<div class="name">Gitlab</div>
						<div class="code-name">&amp;#xe942;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe843;</span>
						<div class="name">monitor</div>
						<div class="code-name">&amp;#xe843;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe943;</span>
						<div class="name">dribbble</div>
						<div class="code-name">&amp;#xe943;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe844;</span>
						<div class="name">link</div>
						<div class="code-name">&amp;#xe844;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe944;</span>
						<div class="name">instagram</div>
						<div class="code-name">&amp;#xe944;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe845;</span>
						<div class="name">man</div>
						<div class="code-name">&amp;#xe845;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe945;</span>
						<div class="name">reddit</div>
						<div class="code-name">&amp;#xe945;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe846;</span>
						<div class="name">percentage</div>
						<div class="code-name">&amp;#xe846;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe946;</span>
						<div class="name">windows</div>
						<div class="code-name">&amp;#xe946;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe847;</span>
						<div class="name">pushpin</div>
						<div class="code-name">&amp;#xe847;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe947;</span>
						<div class="name">yuque</div>
						<div class="code-name">&amp;#xe947;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe848;</span>
						<div class="name">phone</div>
						<div class="code-name">&amp;#xe848;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe948;</span>
						<div class="name">Youtube</div>
						<div class="code-name">&amp;#xe948;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe849;</span>
						<div class="name">shake</div>
						<div class="code-name">&amp;#xe849;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe949;</span>
						<div class="name">Gitlab-fill</div>
						<div class="code-name">&amp;#xe949;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe84a;</span>
						<div class="name">tag</div>
						<div class="code-name">&amp;#xe84a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe94a;</span>
						<div class="name">dropbox</div>
						<div class="code-name">&amp;#xe94a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe84b;</span>
						<div class="name">wrench</div>
						<div class="code-name">&amp;#xe84b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe94b;</span>
						<div class="name">dingtalk</div>
						<div class="code-name">&amp;#xe94b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe84c;</span>
						<div class="name">tags</div>
						<div class="code-name">&amp;#xe84c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe94c;</span>
						<div class="name">android-fill</div>
						<div class="code-name">&amp;#xe94c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe84d;</span>
						<div class="name">scissor</div>
						<div class="code-name">&amp;#xe84d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe94d;</span>
						<div class="name">apple-fill</div>
						<div class="code-name">&amp;#xe94d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe84e;</span>
						<div class="name">mr</div>
						<div class="code-name">&amp;#xe84e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe94e;</span>
						<div class="name">HTML5-fill</div>
						<div class="code-name">&amp;#xe94e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe84f;</span>
						<div class="name">share</div>
						<div class="code-name">&amp;#xe84f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe94f;</span>
						<div class="name">windows-fill</div>
						<div class="code-name">&amp;#xe94f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe850;</span>
						<div class="name">branches</div>
						<div class="code-name">&amp;#xe850;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe950;</span>
						<div class="name">QQ</div>
						<div class="code-name">&amp;#xe950;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe851;</span>
						<div class="name">fork</div>
						<div class="code-name">&amp;#xe851;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe951;</span>
						<div class="name">twitter</div>
						<div class="code-name">&amp;#xe951;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe852;</span>
						<div class="name">shrink</div>
						<div class="code-name">&amp;#xe852;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe952;</span>
						<div class="name">skype-fill</div>
						<div class="code-name">&amp;#xe952;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe853;</span>
						<div class="name">arrawsalt</div>
						<div class="code-name">&amp;#xe853;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe953;</span>
						<div class="name">weibo</div>
						<div class="code-name">&amp;#xe953;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe854;</span>
						<div class="name">vertical right</div>
						<div class="code-name">&amp;#xe854;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe954;</span>
						<div class="name">yuque-fill</div>
						<div class="code-name">&amp;#xe954;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe855;</span>
						<div class="name">vertical left</div>
						<div class="code-name">&amp;#xe855;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe955;</span>
						<div class="name">Youtube-fill</div>
						<div class="code-name">&amp;#xe955;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe856;</span>
						<div class="name">right</div>
						<div class="code-name">&amp;#xe856;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe956;</span>
						<div class="name">yahoo-fill</div>
						<div class="code-name">&amp;#xe956;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe857;</span>
						<div class="name">left</div>
						<div class="code-name">&amp;#xe857;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe957;</span>
						<div class="name">wechat-fill</div>
						<div class="code-name">&amp;#xe957;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe858;</span>
						<div class="name">up</div>
						<div class="code-name">&amp;#xe858;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe958;</span>
						<div class="name">chrome-fill</div>
						<div class="code-name">&amp;#xe958;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe859;</span>
						<div class="name">down</div>
						<div class="code-name">&amp;#xe859;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe959;</span>
						<div class="name">alipay-circle-fill</div>
						<div class="code-name">&amp;#xe959;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe85a;</span>
						<div class="name">fullscreen</div>
						<div class="code-name">&amp;#xe85a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe95a;</span>
						<div class="name">aliwangwang-fill</div>
						<div class="code-name">&amp;#xe95a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe85b;</span>
						<div class="name">fullscreen-exit</div>
						<div class="code-name">&amp;#xe85b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe95b;</span>
						<div class="name">behance-circle-fill</div>
						<div class="code-name">&amp;#xe95b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe85c;</span>
						<div class="name">doubleleft</div>
						<div class="code-name">&amp;#xe85c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe95c;</span>
						<div class="name">amazon-circle-fill</div>
						<div class="code-name">&amp;#xe95c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe85d;</span>
						<div class="name">double right</div>
						<div class="code-name">&amp;#xe85d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe95d;</span>
						<div class="name">codepen-circle-fill</div>
						<div class="code-name">&amp;#xe95d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe85e;</span>
						<div class="name">arrowright</div>
						<div class="code-name">&amp;#xe85e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe95e;</span>
						<div class="name">CodeSandbox-circle-f</div>
						<div class="code-name">&amp;#xe95e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe85f;</span>
						<div class="name">arrowup</div>
						<div class="code-name">&amp;#xe85f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe95f;</span>
						<div class="name">dropbox-circle-fill</div>
						<div class="code-name">&amp;#xe95f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe860;</span>
						<div class="name">arrowleft</div>
						<div class="code-name">&amp;#xe860;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe960;</span>
						<div class="name">github-fill</div>
						<div class="code-name">&amp;#xe960;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe861;</span>
						<div class="name">arrowdown</div>
						<div class="code-name">&amp;#xe861;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe961;</span>
						<div class="name">dribbble-circle-fill</div>
						<div class="code-name">&amp;#xe961;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe862;</span>
						<div class="name">upload</div>
						<div class="code-name">&amp;#xe862;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe962;</span>
						<div class="name">google plus-circle-f</div>
						<div class="code-name">&amp;#xe962;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe863;</span>
						<div class="name">colum-height</div>
						<div class="code-name">&amp;#xe863;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe963;</span>
						<div class="name">medium-circle-fill</div>
						<div class="code-name">&amp;#xe963;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe864;</span>
						<div class="name">vertical-align-botto</div>
						<div class="code-name">&amp;#xe864;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe964;</span>
						<div class="name">QQ-circle-fill</div>
						<div class="code-name">&amp;#xe964;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe865;</span>
						<div class="name">vertical-align-middl</div>
						<div class="code-name">&amp;#xe865;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe965;</span>
						<div class="name">IE-circle-fill</div>
						<div class="code-name">&amp;#xe965;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe866;</span>
						<div class="name">totop</div>
						<div class="code-name">&amp;#xe866;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe966;</span>
						<div class="name">google-circle-fill</div>
						<div class="code-name">&amp;#xe966;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe867;</span>
						<div class="name">vertical-align-top</div>
						<div class="code-name">&amp;#xe867;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe967;</span>
						<div class="name">dingtalk-circle-fill</div>
						<div class="code-name">&amp;#xe967;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe868;</span>
						<div class="name">download</div>
						<div class="code-name">&amp;#xe868;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe968;</span>
						<div class="name">sketch-circle-fill</div>
						<div class="code-name">&amp;#xe968;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe869;</span>
						<div class="name">sort-descending</div>
						<div class="code-name">&amp;#xe869;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe969;</span>
						<div class="name">slack-circle-fill</div>
						<div class="code-name">&amp;#xe969;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe86a;</span>
						<div class="name">sort-ascending</div>
						<div class="code-name">&amp;#xe86a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe96a;</span>
						<div class="name">twitter-circle-fill</div>
						<div class="code-name">&amp;#xe96a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe86b;</span>
						<div class="name">fall</div>
						<div class="code-name">&amp;#xe86b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe96b;</span>
						<div class="name">taobao-circle-fill</div>
						<div class="code-name">&amp;#xe96b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe86c;</span>
						<div class="name">swap</div>
						<div class="code-name">&amp;#xe86c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe96c;</span>
						<div class="name">weibo-circle-fill</div>
						<div class="code-name">&amp;#xe96c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe86d;</span>
						<div class="name">stock</div>
						<div class="code-name">&amp;#xe86d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe96d;</span>
						<div class="name">zhihu-circle-fill</div>
						<div class="code-name">&amp;#xe96d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe86e;</span>
						<div class="name">rise</div>
						<div class="code-name">&amp;#xe86e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe96e;</span>
						<div class="name">reddit-circle-fill</div>
						<div class="code-name">&amp;#xe96e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe86f;</span>
						<div class="name">indent</div>
						<div class="code-name">&amp;#xe86f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe96f;</span>
						<div class="name">alipay-square-fill</div>
						<div class="code-name">&amp;#xe96f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe870;</span>
						<div class="name">outdent</div>
						<div class="code-name">&amp;#xe870;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe970;</span>
						<div class="name">dingtalk-square-fill</div>
						<div class="code-name">&amp;#xe970;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe871;</span>
						<div class="name">menu</div>
						<div class="code-name">&amp;#xe871;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe971;</span>
						<div class="name">CodeSandbox-square-f</div>
						<div class="code-name">&amp;#xe971;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe872;</span>
						<div class="name">unordered list</div>
						<div class="code-name">&amp;#xe872;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe972;</span>
						<div class="name">behance-square-fill</div>
						<div class="code-name">&amp;#xe972;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe873;</span>
						<div class="name">ordered list</div>
						<div class="code-name">&amp;#xe873;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe973;</span>
						<div class="name">amazon-square-fill</div>
						<div class="code-name">&amp;#xe973;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe874;</span>
						<div class="name">align-right</div>
						<div class="code-name">&amp;#xe874;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe974;</span>
						<div class="name">codepen-square-fill</div>
						<div class="code-name">&amp;#xe974;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe875;</span>
						<div class="name">align-center</div>
						<div class="code-name">&amp;#xe875;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe975;</span>
						<div class="name">dribbble-square-fill</div>
						<div class="code-name">&amp;#xe975;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe876;</span>
						<div class="name">align-left</div>
						<div class="code-name">&amp;#xe876;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe976;</span>
						<div class="name">dropbox-square-fill</div>
						<div class="code-name">&amp;#xe976;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe877;</span>
						<div class="name">pic-center</div>
						<div class="code-name">&amp;#xe877;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe977;</span>
						<div class="name">facebook-fill</div>
						<div class="code-name">&amp;#xe977;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe878;</span>
						<div class="name">pic-right</div>
						<div class="code-name">&amp;#xe878;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe978;</span>
						<div class="name">google plus-square-f</div>
						<div class="code-name">&amp;#xe978;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe879;</span>
						<div class="name">pic-left</div>
						<div class="code-name">&amp;#xe879;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe979;</span>
						<div class="name">google-square-fill</div>
						<div class="code-name">&amp;#xe979;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe87a;</span>
						<div class="name">bold</div>
						<div class="code-name">&amp;#xe87a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe97a;</span>
						<div class="name">instagram-fill</div>
						<div class="code-name">&amp;#xe97a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe87b;</span>
						<div class="name">font-colors</div>
						<div class="code-name">&amp;#xe87b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe97b;</span>
						<div class="name">IE-square-fill</div>
						<div class="code-name">&amp;#xe97b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe87c;</span>
						<div class="name">exclaimination</div>
						<div class="code-name">&amp;#xe87c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe97c;</span>
						<div class="name">medium-square-fill</div>
						<div class="code-name">&amp;#xe97c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe77d;</span>
						<div class="name">check-circle</div>
						<div class="code-name">&amp;#xe77d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe87d;</span>
						<div class="name">font-size</div>
						<div class="code-name">&amp;#xe87d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe97d;</span>
						<div class="name">linkedin-fill</div>
						<div class="code-name">&amp;#xe97d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe77e;</span>
						<div class="name">CI</div>
						<div class="code-name">&amp;#xe77e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe87e;</span>
						<div class="name">infomation</div>
						<div class="code-name">&amp;#xe87e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe97e;</span>
						<div class="name">QQ-square-fill</div>
						<div class="code-name">&amp;#xe97e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe77f;</span>
						<div class="name">Dollar</div>
						<div class="code-name">&amp;#xe77f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe87f;</span>
						<div class="name">line-height</div>
						<div class="code-name">&amp;#xe87f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe97f;</span>
						<div class="name">reddit-square-fill</div>
						<div class="code-name">&amp;#xe97f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe780;</span>
						<div class="name">compass</div>
						<div class="code-name">&amp;#xe780;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe880;</span>
						<div class="name">strikethrough</div>
						<div class="code-name">&amp;#xe880;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe980;</span>
						<div class="name">twitter-square-fill</div>
						<div class="code-name">&amp;#xe980;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe781;</span>
						<div class="name">close-circle</div>
						<div class="code-name">&amp;#xe781;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe881;</span>
						<div class="name">underline</div>
						<div class="code-name">&amp;#xe881;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe981;</span>
						<div class="name">sketch-square-fill</div>
						<div class="code-name">&amp;#xe981;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe782;</span>
						<div class="name">frown</div>
						<div class="code-name">&amp;#xe782;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe882;</span>
						<div class="name">number</div>
						<div class="code-name">&amp;#xe882;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe982;</span>
						<div class="name">slack-square-fill</div>
						<div class="code-name">&amp;#xe982;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe783;</span>
						<div class="name">info-circle</div>
						<div class="code-name">&amp;#xe783;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe883;</span>
						<div class="name">italic</div>
						<div class="code-name">&amp;#xe883;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe983;</span>
						<div class="name">taobao-square-fill</div>
						<div class="code-name">&amp;#xe983;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe784;</span>
						<div class="name">left-circle</div>
						<div class="code-name">&amp;#xe784;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe884;</span>
						<div class="name">code</div>
						<div class="code-name">&amp;#xe884;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe984;</span>
						<div class="name">weibo-square-fill</div>
						<div class="code-name">&amp;#xe984;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe785;</span>
						<div class="name">down-circle</div>
						<div class="code-name">&amp;#xe785;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe885;</span>
						<div class="name">column-width</div>
						<div class="code-name">&amp;#xe885;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe985;</span>
						<div class="name">zhihu-square-fill</div>
						<div class="code-name">&amp;#xe985;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe786;</span>
						<div class="name">EURO</div>
						<div class="code-name">&amp;#xe786;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe886;</span>
						<div class="name">check</div>
						<div class="code-name">&amp;#xe886;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe986;</span>
						<div class="name">zoom out</div>
						<div class="code-name">&amp;#xe986;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe787;</span>
						<div class="name">copyright</div>
						<div class="code-name">&amp;#xe787;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe887;</span>
						<div class="name">ellipsis</div>
						<div class="code-name">&amp;#xe887;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe987;</span>
						<div class="name">apartment</div>
						<div class="code-name">&amp;#xe987;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe788;</span>
						<div class="name">minus-circle</div>
						<div class="code-name">&amp;#xe788;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe888;</span>
						<div class="name">dash</div>
						<div class="code-name">&amp;#xe888;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe988;</span>
						<div class="name">audio</div>
						<div class="code-name">&amp;#xe988;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe789;</span>
						<div class="name">meh</div>
						<div class="code-name">&amp;#xe789;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe889;</span>
						<div class="name">close</div>
						<div class="code-name">&amp;#xe889;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe989;</span>
						<div class="name">audio-fill</div>
						<div class="code-name">&amp;#xe989;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe78a;</span>
						<div class="name">plus-circle</div>
						<div class="code-name">&amp;#xe78a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe88a;</span>
						<div class="name">enter</div>
						<div class="code-name">&amp;#xe88a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe98a;</span>
						<div class="name">robot</div>
						<div class="code-name">&amp;#xe98a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe78b;</span>
						<div class="name">play-circle</div>
						<div class="code-name">&amp;#xe78b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe88b;</span>
						<div class="name">line</div>
						<div class="code-name">&amp;#xe88b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe98b;</span>
						<div class="name">zoom in</div>
						<div class="code-name">&amp;#xe98b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe78c;</span>
						<div class="name">question-circle</div>
						<div class="code-name">&amp;#xe78c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe88c;</span>
						<div class="name">minus</div>
						<div class="code-name">&amp;#xe88c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe98c;</span>
						<div class="name">robot-fill</div>
						<div class="code-name">&amp;#xe98c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe78d;</span>
						<div class="name">Pound</div>
						<div class="code-name">&amp;#xe78d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe88d;</span>
						<div class="name">question</div>
						<div class="code-name">&amp;#xe88d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe98d;</span>
						<div class="name">bug-fill</div>
						<div class="code-name">&amp;#xe98d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe78e;</span>
						<div class="name">right-circle</div>
						<div class="code-name">&amp;#xe78e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe88e;</span>
						<div class="name">rollback</div>
						<div class="code-name">&amp;#xe88e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe98e;</span>
						<div class="name">bug</div>
						<div class="code-name">&amp;#xe98e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe78f;</span>
						<div class="name">smile</div>
						<div class="code-name">&amp;#xe78f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe88f;</span>
						<div class="name">small-dash</div>
						<div class="code-name">&amp;#xe88f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe98f;</span>
						<div class="name">audio static</div>
						<div class="code-name">&amp;#xe98f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe790;</span>
						<div class="name">trademark</div>
						<div class="code-name">&amp;#xe790;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe890;</span>
						<div class="name">pause</div>
						<div class="code-name">&amp;#xe890;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe990;</span>
						<div class="name">comment</div>
						<div class="code-name">&amp;#xe990;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe791;</span>
						<div class="name">time-circle</div>
						<div class="code-name">&amp;#xe791;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe891;</span>
						<div class="name">bg-colors</div>
						<div class="code-name">&amp;#xe891;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe991;</span>
						<div class="name">signal-fill</div>
						<div class="code-name">&amp;#xe991;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe792;</span>
						<div class="name">time out</div>
						<div class="code-name">&amp;#xe792;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe892;</span>
						<div class="name">crown</div>
						<div class="code-name">&amp;#xe892;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe992;</span>
						<div class="name">verified</div>
						<div class="code-name">&amp;#xe992;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe793;</span>
						<div class="name">earth</div>
						<div class="code-name">&amp;#xe793;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe893;</span>
						<div class="name">drag</div>
						<div class="code-name">&amp;#xe893;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe993;</span>
						<div class="name">shortcut-fill</div>
						<div class="code-name">&amp;#xe993;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe794;</span>
						<div class="name">YUAN</div>
						<div class="code-name">&amp;#xe794;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe894;</span>
						<div class="name">desktop</div>
						<div class="code-name">&amp;#xe894;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe994;</span>
						<div class="name">videocamera add</div>
						<div class="code-name">&amp;#xe994;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe795;</span>
						<div class="name">up-circle</div>
						<div class="code-name">&amp;#xe795;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe895;</span>
						<div class="name">gift</div>
						<div class="code-name">&amp;#xe895;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe995;</span>
						<div class="name">switch user</div>
						<div class="code-name">&amp;#xe995;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe796;</span>
						<div class="name">warning-circle</div>
						<div class="code-name">&amp;#xe796;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe896;</span>
						<div class="name">stop</div>
						<div class="code-name">&amp;#xe896;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe996;</span>
						<div class="name">whatsapp</div>
						<div class="code-name">&amp;#xe996;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe797;</span>
						<div class="name">sync</div>
						<div class="code-name">&amp;#xe797;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe897;</span>
						<div class="name">fire</div>
						<div class="code-name">&amp;#xe897;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe997;</span>
						<div class="name">appstore add</div>
						<div class="code-name">&amp;#xe997;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe798;</span>
						<div class="name">transaction</div>
						<div class="code-name">&amp;#xe798;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe898;</span>
						<div class="name">thunderbolt</div>
						<div class="code-name">&amp;#xe898;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe998;</span>
						<div class="name">caret-down</div>
						<div class="code-name">&amp;#xe998;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe799;</span>
						<div class="name">undo</div>
						<div class="code-name">&amp;#xe799;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe899;</span>
						<div class="name">check-circle-fill</div>
						<div class="code-name">&amp;#xe899;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe999;</span>
						<div class="name">backward</div>
						<div class="code-name">&amp;#xe999;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe79a;</span>
						<div class="name">redo</div>
						<div class="code-name">&amp;#xe79a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe89a;</span>
						<div class="name">left-circle-fill</div>
						<div class="code-name">&amp;#xe89a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe99a;</span>
						<div class="name">caret-up</div>
						<div class="code-name">&amp;#xe99a;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe79b;</span>
						<div class="name">reload</div>
						<div class="code-name">&amp;#xe79b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe89b;</span>
						<div class="name">down-circle-fill</div>
						<div class="code-name">&amp;#xe89b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe99b;</span>
						<div class="name">caret-right</div>
						<div class="code-name">&amp;#xe99b;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe79c;</span>
						<div class="name">reload time</div>
						<div class="code-name">&amp;#xe79c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe89c;</span>
						<div class="name">minus-circle-fill</div>
						<div class="code-name">&amp;#xe89c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe99c;</span>
						<div class="name">caret-left</div>
						<div class="code-name">&amp;#xe99c;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe79d;</span>
						<div class="name">message</div>
						<div class="code-name">&amp;#xe79d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe89d;</span>
						<div class="name">close-circle-fill</div>
						<div class="code-name">&amp;#xe89d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe99d;</span>
						<div class="name">fast-backward</div>
						<div class="code-name">&amp;#xe99d;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe79e;</span>
						<div class="name">dashboard</div>
						<div class="code-name">&amp;#xe79e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe89e;</span>
						<div class="name">info-circle-fill</div>
						<div class="code-name">&amp;#xe89e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe99e;</span>
						<div class="name">forward</div>
						<div class="code-name">&amp;#xe99e;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe79f;</span>
						<div class="name">issues close</div>
						<div class="code-name">&amp;#xe79f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe89f;</span>
						<div class="name">up-circle-fill</div>
						<div class="code-name">&amp;#xe89f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe99f;</span>
						<div class="name">fast-forward</div>
						<div class="code-name">&amp;#xe99f;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a0;</span>
						<div class="name">poweroff</div>
						<div class="code-name">&amp;#xe7a0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a0;</span>
						<div class="name">right-circle-fill</div>
						<div class="code-name">&amp;#xe8a0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a0;</span>
						<div class="name">search</div>
						<div class="code-name">&amp;#xe9a0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a1;</span>
						<div class="name">logout</div>
						<div class="code-name">&amp;#xe7a1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a1;</span>
						<div class="name">plus-circle-fill</div>
						<div class="code-name">&amp;#xe8a1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a1;</span>
						<div class="name">retweet</div>
						<div class="code-name">&amp;#xe9a1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a2;</span>
						<div class="name">pie chart</div>
						<div class="code-name">&amp;#xe7a2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a2;</span>
						<div class="name">question-circle-fill</div>
						<div class="code-name">&amp;#xe8a2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a2;</span>
						<div class="name">login</div>
						<div class="code-name">&amp;#xe9a2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a3;</span>
						<div class="name">setting</div>
						<div class="code-name">&amp;#xe7a3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a3;</span>
						<div class="name">EURO-circle-fill</div>
						<div class="code-name">&amp;#xe8a3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a3;</span>
						<div class="name">step-backward</div>
						<div class="code-name">&amp;#xe9a3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a4;</span>
						<div class="name">eye</div>
						<div class="code-name">&amp;#xe7a4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a4;</span>
						<div class="name">frown-fill</div>
						<div class="code-name">&amp;#xe8a4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a4;</span>
						<div class="name">step-forward</div>
						<div class="code-name">&amp;#xe9a4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a5;</span>
						<div class="name">location</div>
						<div class="code-name">&amp;#xe7a5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a5;</span>
						<div class="name">copyright-circle-fil</div>
						<div class="code-name">&amp;#xe8a5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a5;</span>
						<div class="name">swap-right</div>
						<div class="code-name">&amp;#xe9a5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a6;</span>
						<div class="name">edit-square</div>
						<div class="code-name">&amp;#xe7a6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a6;</span>
						<div class="name">CI-circle-fill</div>
						<div class="code-name">&amp;#xe8a6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a6;</span>
						<div class="name">swap-left</div>
						<div class="code-name">&amp;#xe9a6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a7;</span>
						<div class="name">export</div>
						<div class="code-name">&amp;#xe7a7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a7;</span>
						<div class="name">compass-fill</div>
						<div class="code-name">&amp;#xe8a7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a7;</span>
						<div class="name">woman</div>
						<div class="code-name">&amp;#xe9a7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a8;</span>
						<div class="name">save</div>
						<div class="code-name">&amp;#xe7a8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a8;</span>
						<div class="name">Dollar-circle-fill</div>
						<div class="code-name">&amp;#xe8a8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a8;</span>
						<div class="name">plus</div>
						<div class="code-name">&amp;#xe9a8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7a9;</span>
						<div class="name">Import</div>
						<div class="code-name">&amp;#xe7a9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8a9;</span>
						<div class="name">poweroff-circle-fill</div>
						<div class="code-name">&amp;#xe8a9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9a9;</span>
						<div class="name">eye close-fill</div>
						<div class="code-name">&amp;#xe9a9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7aa;</span>
						<div class="name">app store</div>
						<div class="code-name">&amp;#xe7aa;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8aa;</span>
						<div class="name">meh-fill</div>
						<div class="code-name">&amp;#xe8aa;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9aa;</span>
						<div class="name">eye-close</div>
						<div class="code-name">&amp;#xe9aa;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ab;</span>
						<div class="name">close-square</div>
						<div class="code-name">&amp;#xe7ab;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ab;</span>
						<div class="name">play-circle-fill</div>
						<div class="code-name">&amp;#xe8ab;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ab;</span>
						<div class="name">clear</div>
						<div class="code-name">&amp;#xe9ab;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ac;</span>
						<div class="name">down-square</div>
						<div class="code-name">&amp;#xe7ac;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ac;</span>
						<div class="name">Pound-circle-fill</div>
						<div class="code-name">&amp;#xe8ac;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ac;</span>
						<div class="name">collapse</div>
						<div class="code-name">&amp;#xe9ac;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ad;</span>
						<div class="name">layout</div>
						<div class="code-name">&amp;#xe7ad;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ad;</span>
						<div class="name">smile-fill</div>
						<div class="code-name">&amp;#xe8ad;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ad;</span>
						<div class="name">expand</div>
						<div class="code-name">&amp;#xe9ad;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ae;</span>
						<div class="name">left-square</div>
						<div class="code-name">&amp;#xe7ae;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ae;</span>
						<div class="name">stop-fill</div>
						<div class="code-name">&amp;#xe8ae;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ae;</span>
						<div class="name">delete column</div>
						<div class="code-name">&amp;#xe9ae;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7af;</span>
						<div class="name">play-square</div>
						<div class="code-name">&amp;#xe7af;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8af;</span>
						<div class="name">warning-circle-fill</div>
						<div class="code-name">&amp;#xe8af;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9af;</span>
						<div class="name">merge-cells</div>
						<div class="code-name">&amp;#xe9af;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b0;</span>
						<div class="name">control</div>
						<div class="code-name">&amp;#xe7b0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b0;</span>
						<div class="name">time-circle-fill</div>
						<div class="code-name">&amp;#xe8b0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b0;</span>
						<div class="name">subnode</div>
						<div class="code-name">&amp;#xe9b0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b1;</span>
						<div class="name">code library</div>
						<div class="code-name">&amp;#xe7b1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b1;</span>
						<div class="name">trademark-circle-fil</div>
						<div class="code-name">&amp;#xe8b1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b1;</span>
						<div class="name">rotate-left</div>
						<div class="code-name">&amp;#xe9b1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b2;</span>
						<div class="name">detail</div>
						<div class="code-name">&amp;#xe7b2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b2;</span>
						<div class="name">YUAN-circle-fill</div>
						<div class="code-name">&amp;#xe8b2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b2;</span>
						<div class="name">rotate-right</div>
						<div class="code-name">&amp;#xe9b2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b3;</span>
						<div class="name">minus-square</div>
						<div class="code-name">&amp;#xe7b3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b3;</span>
						<div class="name">heart-fill</div>
						<div class="code-name">&amp;#xe8b3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b3;</span>
						<div class="name">insert row below</div>
						<div class="code-name">&amp;#xe9b3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b4;</span>
						<div class="name">plus-square</div>
						<div class="code-name">&amp;#xe7b4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b4;</span>
						<div class="name">pie chart-circle-fil</div>
						<div class="code-name">&amp;#xe8b4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b4;</span>
						<div class="name">insert row above</div>
						<div class="code-name">&amp;#xe9b4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b5;</span>
						<div class="name">right-square</div>
						<div class="code-name">&amp;#xe7b5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b5;</span>
						<div class="name">dashboard-fill</div>
						<div class="code-name">&amp;#xe8b5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b5;</span>
						<div class="name">table</div>
						<div class="code-name">&amp;#xe9b5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b6;</span>
						<div class="name">project</div>
						<div class="code-name">&amp;#xe7b6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b6;</span>
						<div class="name">message-fill</div>
						<div class="code-name">&amp;#xe8b6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b6;</span>
						<div class="name">solit-cells</div>
						<div class="code-name">&amp;#xe9b6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b7;</span>
						<div class="name">wallet</div>
						<div class="code-name">&amp;#xe7b7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b7;</span>
						<div class="name">check-square-fill</div>
						<div class="code-name">&amp;#xe8b7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b7;</span>
						<div class="name">format painter</div>
						<div class="code-name">&amp;#xe9b7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b8;</span>
						<div class="name">up-square</div>
						<div class="code-name">&amp;#xe7b8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b8;</span>
						<div class="name">down-square-fill</div>
						<div class="code-name">&amp;#xe8b8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b8;</span>
						<div class="name">insert row right</div>
						<div class="code-name">&amp;#xe9b8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7b9;</span>
						<div class="name">calculator</div>
						<div class="code-name">&amp;#xe7b9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8b9;</span>
						<div class="name">minus-square-fill</div>
						<div class="code-name">&amp;#xe8b9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9b9;</span>
						<div class="name">format painter-fill</div>
						<div class="code-name">&amp;#xe9b9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ba;</span>
						<div class="name">interation</div>
						<div class="code-name">&amp;#xe7ba;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ba;</span>
						<div class="name">close-square-fill</div>
						<div class="code-name">&amp;#xe8ba;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ba;</span>
						<div class="name">insert row left</div>
						<div class="code-name">&amp;#xe9ba;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7bb;</span>
						<div class="name">check-square</div>
						<div class="code-name">&amp;#xe7bb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8bb;</span>
						<div class="name">code library-fill</div>
						<div class="code-name">&amp;#xe8bb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9bb;</span>
						<div class="name">translate</div>
						<div class="code-name">&amp;#xe9bb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7bc;</span>
						<div class="name">border</div>
						<div class="code-name">&amp;#xe7bc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8bc;</span>
						<div class="name">left-square-fill</div>
						<div class="code-name">&amp;#xe8bc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9bc;</span>
						<div class="name">delete row</div>
						<div class="code-name">&amp;#xe9bc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7bd;</span>
						<div class="name">border-outer</div>
						<div class="code-name">&amp;#xe7bd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8bd;</span>
						<div class="name">play-square-fill</div>
						<div class="code-name">&amp;#xe8bd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9bd;</span>
						<div class="name">sisternode</div>
						<div class="code-name">&amp;#xe9bd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7be;</span>
						<div class="name">border-top</div>
						<div class="code-name">&amp;#xe7be;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8be;</span>
						<div class="name">up-square-fill</div>
						<div class="code-name">&amp;#xe8be;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9be;</span>
						<div class="name">Field-number</div>
						<div class="code-name">&amp;#xe9be;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7bf;</span>
						<div class="name">border-bottom</div>
						<div class="code-name">&amp;#xe7bf;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8bf;</span>
						<div class="name">right-square-fill</div>
						<div class="code-name">&amp;#xe8bf;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9bf;</span>
						<div class="name">Field-String</div>
						<div class="code-name">&amp;#xe9bf;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c0;</span>
						<div class="name">border-left</div>
						<div class="code-name">&amp;#xe7c0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c0;</span>
						<div class="name">plus-square-fill</div>
						<div class="code-name">&amp;#xe8c0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c0;</span>
						<div class="name">Function</div>
						<div class="code-name">&amp;#xe9c0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c1;</span>
						<div class="name">border-right</div>
						<div class="code-name">&amp;#xe7c1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c1;</span>
						<div class="name">account book-fill</div>
						<div class="code-name">&amp;#xe8c1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c1;</span>
						<div class="name">Field-time</div>
						<div class="code-name">&amp;#xe9c1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c2;</span>
						<div class="name">border-inner</div>
						<div class="code-name">&amp;#xe7c2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c2;</span>
						<div class="name">carry out-fill</div>
						<div class="code-name">&amp;#xe8c2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c2;</span>
						<div class="name">GIF</div>
						<div class="code-name">&amp;#xe9c2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c3;</span>
						<div class="name">border-verticle</div>
						<div class="code-name">&amp;#xe7c3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c3;</span>
						<div class="name">calendar-fill</div>
						<div class="code-name">&amp;#xe8c3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c3;</span>
						<div class="name">Partition</div>
						<div class="code-name">&amp;#xe9c3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c4;</span>
						<div class="name">border-horizontal</div>
						<div class="code-name">&amp;#xe7c4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c4;</span>
						<div class="name">calculator-fill</div>
						<div class="code-name">&amp;#xe8c4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c4;</span>
						<div class="name">index</div>
						<div class="code-name">&amp;#xe9c4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c5;</span>
						<div class="name">radius-bottomleft</div>
						<div class="code-name">&amp;#xe7c5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c5;</span>
						<div class="name">interation-fill</div>
						<div class="code-name">&amp;#xe8c5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c5;</span>
						<div class="name">Stored procedure</div>
						<div class="code-name">&amp;#xe9c5;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c6;</span>
						<div class="name">radius-bottomright</div>
						<div class="code-name">&amp;#xe7c6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c6;</span>
						<div class="name">project-fill</div>
						<div class="code-name">&amp;#xe8c6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c6;</span>
						<div class="name">Field-Binary</div>
						<div class="code-name">&amp;#xe9c6;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c7;</span>
						<div class="name">radius-upleft</div>
						<div class="code-name">&amp;#xe7c7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c7;</span>
						<div class="name">detail-fill</div>
						<div class="code-name">&amp;#xe8c7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c7;</span>
						<div class="name">Console-SQL</div>
						<div class="code-name">&amp;#xe9c7;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c8;</span>
						<div class="name">radius-upright</div>
						<div class="code-name">&amp;#xe7c8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c8;</span>
						<div class="name">save-fill</div>
						<div class="code-name">&amp;#xe8c8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c8;</span>
						<div class="name">1:1</div>
						<div class="code-name">&amp;#xe9c8;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7c9;</span>
						<div class="name">radius-setting</div>
						<div class="code-name">&amp;#xe7c9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8c9;</span>
						<div class="name">wallet-fill</div>
						<div class="code-name">&amp;#xe8c9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9c9;</span>
						<div class="name">aim</div>
						<div class="code-name">&amp;#xe9c9;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ca;</span>
						<div class="name">add user</div>
						<div class="code-name">&amp;#xe7ca;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ca;</span>
						<div class="name">control-fill</div>
						<div class="code-name">&amp;#xe8ca;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ca;</span>
						<div class="name">compress</div>
						<div class="code-name">&amp;#xe9ca;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7cb;</span>
						<div class="name">delete team</div>
						<div class="code-name">&amp;#xe7cb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8cb;</span>
						<div class="name">layout-fill</div>
						<div class="code-name">&amp;#xe8cb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9cb;</span>
						<div class="name">expend</div>
						<div class="code-name">&amp;#xe9cb;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7cc;</span>
						<div class="name">delete user</div>
						<div class="code-name">&amp;#xe7cc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8cc;</span>
						<div class="name">app store-fill</div>
						<div class="code-name">&amp;#xe8cc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9cc;</span>
						<div class="name">folder-view</div>
						<div class="code-name">&amp;#xe9cc;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7cd;</span>
						<div class="name">addteam</div>
						<div class="code-name">&amp;#xe7cd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8cd;</span>
						<div class="name">mobile-fill</div>
						<div class="code-name">&amp;#xe8cd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9cd;</span>
						<div class="name">file-GIF</div>
						<div class="code-name">&amp;#xe9cd;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7ce;</span>
						<div class="name">user</div>
						<div class="code-name">&amp;#xe7ce;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8ce;</span>
						<div class="name">tablet-fill</div>
						<div class="code-name">&amp;#xe8ce;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9ce;</span>
						<div class="name">group</div>
						<div class="code-name">&amp;#xe9ce;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7cf;</span>
						<div class="name">team</div>
						<div class="code-name">&amp;#xe7cf;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8cf;</span>
						<div class="name">book-fill</div>
						<div class="code-name">&amp;#xe8cf;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9cf;</span>
						<div class="name">send</div>
						<div class="code-name">&amp;#xe9cf;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d0;</span>
						<div class="name">area chart</div>
						<div class="code-name">&amp;#xe7d0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d0;</span>
						<div class="name">red envelope-fill</div>
						<div class="code-name">&amp;#xe8d0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9d0;</span>
						<div class="name">Report</div>
						<div class="code-name">&amp;#xe9d0;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d1;</span>
						<div class="name">line chart</div>
						<div class="code-name">&amp;#xe7d1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d1;</span>
						<div class="name">safety certificate-f</div>
						<div class="code-name">&amp;#xe8d1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9d1;</span>
						<div class="name">View</div>
						<div class="code-name">&amp;#xe9d1;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d2;</span>
						<div class="name">bar chart</div>
						<div class="code-name">&amp;#xe7d2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d2;</span>
						<div class="name">property safety-fill</div>
						<div class="code-name">&amp;#xe8d2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9d2;</span>
						<div class="name">shortcut</div>
						<div class="code-name">&amp;#xe9d2;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d3;</span>
						<div class="name">point map</div>
						<div class="code-name">&amp;#xe7d3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d3;</span>
						<div class="name">insurance-fill</div>
						<div class="code-name">&amp;#xe8d3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe9d3;</span>
						<div class="name">ungroup</div>
						<div class="code-name">&amp;#xe9d3;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe7d4;</span>
						<div class="name">container</div>
						<div class="code-name">&amp;#xe7d4;</div>
					</li>

					<li class="dib">
						<span class="icon iconfont">&#xe8d4;</span>
						<div class="name">security scan-fill</div>
						<div class="code-name">&amp;#xe8d4;</div>
					</li>
				</ul>
				<div class="article markdown">
					<h2 id="unicode-">Unicode 引用</h2>
					<hr />

					<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
					<ul>
						<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
						<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
					</ul>
					<blockquote>
						<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
					</blockquote>
					<p>Unicode 使用步骤如下：</p>
					<h3 id="-font-face">
						第一步：拷贝项目下面生成的
						<code>@font-face</code>
					</h3>
					<pre><code class="language-css">@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1646099182963') format('woff2'),
       url('iconfont.woff?t=1646099182963') format('woff'),
       url('iconfont.ttf?t=1646099182963') format('truetype');
}
</code></pre>
					<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
					<pre><code class="language-css">.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
					<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
					<pre>
<code class="language-html">&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
					<blockquote>
						<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
					</blockquote>
				</div>
			</div>
			<div class="content font-class" v-show="curtab === 2">
				<ul class="icon_lists dib-box">
					<li class="dib">
						<span class="icon iconfont icon-database"></span>
						<div class="name">database</div>
						<div class="code-name">.icon-database</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-exclamation-fil"></span>
						<div class="name">file-exclamation-fil</div>
						<div class="code-name">.icon-file-exclamation-fil</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sever"></span>
						<div class="name">sever</div>
						<div class="code-name">.icon-sever</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-add-fill"></span>
						<div class="name">file-add-fill</div>
						<div class="code-name">.icon-file-add-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-mobile"></span>
						<div class="name">mobile</div>
						<div class="code-name">.icon-mobile</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-fill"></span>
						<div class="name">file-fill</div>
						<div class="code-name">.icon-file-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-tablet"></span>
						<div class="name">tablet</div>
						<div class="code-name">.icon-tablet</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-excel-fill"></span>
						<div class="name">file-excel-fill</div>
						<div class="code-name">.icon-file-excel-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-redenvelope"></span>
						<div class="name">red envelope</div>
						<div class="code-name">.icon-redenvelope</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-markdown-fill"></span>
						<div class="name">file-markdown-fill</div>
						<div class="code-name">.icon-file-markdown-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-book"></span>
						<div class="name">book</div>
						<div class="code-name">.icon-book</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-text-fill"></span>
						<div class="name">file-text-fill</div>
						<div class="code-name">.icon-file-text-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-filedone"></span>
						<div class="name">file done</div>
						<div class="code-name">.icon-filedone</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-ppt-fill"></span>
						<div class="name">file-ppt-fill</div>
						<div class="code-name">.icon-file-ppt-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reconciliation"></span>
						<div class="name">reconciliation</div>
						<div class="code-name">.icon-reconciliation</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-unknown-fill"></span>
						<div class="name">file-unknown-fill</div>
						<div class="code-name">.icon-file-unknown-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-exception"></span>
						<div class="name">file -exception</div>
						<div class="code-name">.icon-file-exception</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-word-fill"></span>
						<div class="name">file-word-fill</div>
						<div class="code-name">.icon-file-word-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-filesync"></span>
						<div class="name">file sync</div>
						<div class="code-name">.icon-filesync</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-zip-fill"></span>
						<div class="name">file-zip-fill</div>
						<div class="code-name">.icon-file-zip-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-filesearch"></span>
						<div class="name">file search</div>
						<div class="code-name">.icon-filesearch</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-pdf-fill"></span>
						<div class="name">file-pdf-fill</div>
						<div class="code-name">.icon-file-pdf-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-solution"></span>
						<div class="name">solution</div>
						<div class="code-name">.icon-solution</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-image-fill"></span>
						<div class="name">file-image-fill</div>
						<div class="code-name">.icon-file-image-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fileprotect"></span>
						<div class="name">file protect</div>
						<div class="code-name">.icon-fileprotect</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-diff-fill"></span>
						<div class="name">diff-fill</div>
						<div class="code-name">.icon-diff-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-add"></span>
						<div class="name">file-add</div>
						<div class="code-name">.icon-file-add</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-copy-fill"></span>
						<div class="name">file-copy-fill</div>
						<div class="code-name">.icon-file-copy-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-excel"></span>
						<div class="name">file-excel</div>
						<div class="code-name">.icon-file-excel</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-snippets-fill"></span>
						<div class="name">snippets-fill</div>
						<div class="code-name">.icon-snippets-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-exclamation"></span>
						<div class="name">file-exclamation</div>
						<div class="code-name">.icon-file-exclamation</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-batchfolding-fill"></span>
						<div class="name">batch folding-fill</div>
						<div class="code-name">.icon-batchfolding-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-pdf"></span>
						<div class="name">file-pdf</div>
						<div class="code-name">.icon-file-pdf</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reconciliation-fill"></span>
						<div class="name">reconciliation-fill</div>
						<div class="code-name">.icon-reconciliation-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-image"></span>
						<div class="name">file-image</div>
						<div class="code-name">.icon-file-image</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder-add-fill"></span>
						<div class="name">folder-add-fill</div>
						<div class="code-name">.icon-folder-add-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-markdown"></span>
						<div class="name">file-markdown</div>
						<div class="code-name">.icon-file-markdown</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder-fill"></span>
						<div class="name">folder-fill</div>
						<div class="code-name">.icon-folder-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-unknown"></span>
						<div class="name">file-unknown</div>
						<div class="code-name">.icon-file-unknown</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder-open-fill"></span>
						<div class="name">folder-open-fill</div>
						<div class="code-name">.icon-folder-open-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-ppt"></span>
						<div class="name">file-ppt</div>
						<div class="code-name">.icon-file-ppt</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-database-fill"></span>
						<div class="name">database-fill</div>
						<div class="code-name">.icon-database-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-word"></span>
						<div class="name">file-word</div>
						<div class="code-name">.icon-file-word</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-container-fill"></span>
						<div class="name">container-fill</div>
						<div class="code-name">.icon-container-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file"></span>
						<div class="name">file</div>
						<div class="code-name">.icon-file</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sever-fill"></span>
						<div class="name">sever-fill</div>
						<div class="code-name">.icon-sever-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-zip"></span>
						<div class="name">file-zip</div>
						<div class="code-name">.icon-file-zip</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-calendar-check-fill"></span>
						<div class="name">calendar-check-fill</div>
						<div class="code-name">.icon-calendar-check-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-text"></span>
						<div class="name">file-text</div>
						<div class="code-name">.icon-file-text</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-image-fill"></span>
						<div class="name">image-fill</div>
						<div class="code-name">.icon-image-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-copy"></span>
						<div class="name">file-copy</div>
						<div class="code-name">.icon-file-copy</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-idcard-fill"></span>
						<div class="name">id card-fill</div>
						<div class="code-name">.icon-idcard-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-snippets"></span>
						<div class="name">snippets</div>
						<div class="code-name">.icon-snippets</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-creditcard-fill"></span>
						<div class="name">credit card-fill</div>
						<div class="code-name">.icon-creditcard-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-audit"></span>
						<div class="name">audit</div>
						<div class="code-name">.icon-audit</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fund-fill"></span>
						<div class="name">fund-fill</div>
						<div class="code-name">.icon-fund-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-diff"></span>
						<div class="name">diff</div>
						<div class="code-name">.icon-diff</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-read-fill"></span>
						<div class="name">read-fill</div>
						<div class="code-name">.icon-read-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Batchfolding"></span>
						<div class="name">Batch folding</div>
						<div class="code-name">.icon-Batchfolding</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-contacts-fill"></span>
						<div class="name">contacts-fill</div>
						<div class="code-name">.icon-contacts-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-securityscan"></span>
						<div class="name">security scan</div>
						<div class="code-name">.icon-securityscan</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-delete-fill"></span>
						<div class="name">delete-fill</div>
						<div class="code-name">.icon-delete-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-propertysafety"></span>
						<div class="name">property safety</div>
						<div class="code-name">.icon-propertysafety</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-notification-fill"></span>
						<div class="name">notification-fill</div>
						<div class="code-name">.icon-notification-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-safetycertificate"></span>
						<div class="name">safety certificate</div>
						<div class="code-name">.icon-safetycertificate</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-flag-fill"></span>
						<div class="name">flag-fill</div>
						<div class="code-name">.icon-flag-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-insurance"></span>
						<div class="name">insurance</div>
						<div class="code-name">.icon-insurance</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-moneycollect-fill"></span>
						<div class="name">money collect-fill</div>
						<div class="code-name">.icon-moneycollect-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-alert"></span>
						<div class="name">alert</div>
						<div class="code-name">.icon-alert</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-medicinebox-fill"></span>
						<div class="name">medicine box-fill</div>
						<div class="code-name">.icon-medicinebox-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-delete"></span>
						<div class="name">delete</div>
						<div class="code-name">.icon-delete</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rest-fill"></span>
						<div class="name">rest-fill</div>
						<div class="code-name">.icon-rest-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-hourglass"></span>
						<div class="name">hourglass</div>
						<div class="code-name">.icon-hourglass</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shopping-fill"></span>
						<div class="name">shopping-fill</div>
						<div class="code-name">.icon-shopping-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bulb"></span>
						<div class="name">bulb</div>
						<div class="code-name">.icon-bulb</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-skin-fill"></span>
						<div class="name">skin-fill</div>
						<div class="code-name">.icon-skin-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-experiment"></span>
						<div class="name">experiment</div>
						<div class="code-name">.icon-experiment</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-video-fill"></span>
						<div class="name">video-fill</div>
						<div class="code-name">.icon-video-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bell"></span>
						<div class="name">bell</div>
						<div class="code-name">.icon-bell</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sound-fill"></span>
						<div class="name">sound-fill</div>
						<div class="code-name">.icon-sound-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-trophy"></span>
						<div class="name">trophy</div>
						<div class="code-name">.icon-trophy</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bulb-fill"></span>
						<div class="name">bulb-fill</div>
						<div class="code-name">.icon-bulb-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rest"></span>
						<div class="name">rest</div>
						<div class="code-name">.icon-rest</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bell-fill"></span>
						<div class="name">bell-fill</div>
						<div class="code-name">.icon-bell-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-USB"></span>
						<div class="name">USB</div>
						<div class="code-name">.icon-USB</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-filter-fill"></span>
						<div class="name">filter-fill</div>
						<div class="code-name">.icon-filter-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-skin"></span>
						<div class="name">skin</div>
						<div class="code-name">.icon-skin</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fire-fill"></span>
						<div class="name">fire-fill</div>
						<div class="code-name">.icon-fire-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-home"></span>
						<div class="name">home</div>
						<div class="code-name">.icon-home</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-funnelplot-fill"></span>
						<div class="name">funnel plot-fill</div>
						<div class="code-name">.icon-funnelplot-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bank"></span>
						<div class="name">bank</div>
						<div class="code-name">.icon-bank</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-gift-fill"></span>
						<div class="name">gift-fill</div>
						<div class="code-name">.icon-gift-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-filter"></span>
						<div class="name">filter</div>
						<div class="code-name">.icon-filter</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-hourglass-fill"></span>
						<div class="name">hourglass-fill</div>
						<div class="code-name">.icon-hourglass-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-funnelplot"></span>
						<div class="name">funnel plot</div>
						<div class="code-name">.icon-funnelplot</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-home-fill"></span>
						<div class="name">home-fill</div>
						<div class="code-name">.icon-home-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-like"></span>
						<div class="name">like</div>
						<div class="code-name">.icon-like</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-trophy-fill"></span>
						<div class="name">trophy-fill</div>
						<div class="code-name">.icon-trophy-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-unlike"></span>
						<div class="name">unlike</div>
						<div class="code-name">.icon-unlike</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-location-fill"></span>
						<div class="name">location-fill</div>
						<div class="code-name">.icon-location-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-unlock"></span>
						<div class="name">unlock</div>
						<div class="code-name">.icon-unlock</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cloud-fill"></span>
						<div class="name">cloud-fill</div>
						<div class="code-name">.icon-cloud-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-lock"></span>
						<div class="name">lock</div>
						<div class="code-name">.icon-lock</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-customerservice-fill"></span>
						<div class="name">customerservice-fill</div>
						<div class="code-name">.icon-customerservice-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-customerservice"></span>
						<div class="name">customerservice</div>
						<div class="code-name">.icon-customerservice</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-experiment-fill"></span>
						<div class="name">experiment-fill</div>
						<div class="code-name">.icon-experiment-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-flag"></span>
						<div class="name">flag</div>
						<div class="code-name">.icon-flag</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-eye-fill"></span>
						<div class="name">eye-fill</div>
						<div class="code-name">.icon-eye-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-moneycollect"></span>
						<div class="name">money collect</div>
						<div class="code-name">.icon-moneycollect</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-like-fill"></span>
						<div class="name">like-fill</div>
						<div class="code-name">.icon-like-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-medicinebox"></span>
						<div class="name">medicinebox</div>
						<div class="code-name">.icon-medicinebox</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-lock-fill"></span>
						<div class="name">lock-fill</div>
						<div class="code-name">.icon-lock-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shop"></span>
						<div class="name">shop</div>
						<div class="code-name">.icon-shop</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-unlike-fill"></span>
						<div class="name">unlike-fill</div>
						<div class="code-name">.icon-unlike-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rocket"></span>
						<div class="name">rocket</div>
						<div class="code-name">.icon-rocket</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-star-fill"></span>
						<div class="name">star-fill</div>
						<div class="code-name">.icon-star-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shopping"></span>
						<div class="name">shopping</div>
						<div class="code-name">.icon-shopping</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-unlock-fill"></span>
						<div class="name">unlock-fill</div>
						<div class="code-name">.icon-unlock-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder"></span>
						<div class="name">folder</div>
						<div class="code-name">.icon-folder</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-alert-fill"></span>
						<div class="name">alert-fill</div>
						<div class="code-name">.icon-alert-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder-open"></span>
						<div class="name">folder-open</div>
						<div class="code-name">.icon-folder-open</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-api-fill"></span>
						<div class="name">api-fill</div>
						<div class="code-name">.icon-api-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder-add"></span>
						<div class="name">folder-add</div>
						<div class="code-name">.icon-folder-add</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-highlight-fill"></span>
						<div class="name">highlight-fill</div>
						<div class="code-name">.icon-highlight-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-deploymentunit"></span>
						<div class="name">deployment unit</div>
						<div class="code-name">.icon-deploymentunit</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-phone-fill"></span>
						<div class="name">phone-fill</div>
						<div class="code-name">.icon-phone-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-accountbook"></span>
						<div class="name">account book</div>
						<div class="code-name">.icon-accountbook</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-edit-fill"></span>
						<div class="name">edit-fill</div>
						<div class="code-name">.icon-edit-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-contacts"></span>
						<div class="name">contacts</div>
						<div class="code-name">.icon-contacts</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pushpin-fill"></span>
						<div class="name">pushpin-fill</div>
						<div class="code-name">.icon-pushpin-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-carryout"></span>
						<div class="name">carry out</div>
						<div class="code-name">.icon-carryout</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rocket-fill"></span>
						<div class="name">rocket-fill</div>
						<div class="code-name">.icon-rocket-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-calendar-check"></span>
						<div class="name">calendar-check</div>
						<div class="code-name">.icon-calendar-check</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-thunderbolt-fill"></span>
						<div class="name">thunderbolt-fill</div>
						<div class="code-name">.icon-thunderbolt-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-calendar"></span>
						<div class="name">calendar</div>
						<div class="code-name">.icon-calendar</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-tag-fill"></span>
						<div class="name">tag-fill</div>
						<div class="code-name">.icon-tag-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-scan"></span>
						<div class="name">scan</div>
						<div class="code-name">.icon-scan</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-wrench-fill"></span>
						<div class="name">wrench-fill</div>
						<div class="code-name">.icon-wrench-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-select"></span>
						<div class="name">select</div>
						<div class="code-name">.icon-select</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-tags-fill"></span>
						<div class="name">tags-fill</div>
						<div class="code-name">.icon-tags-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-boxplot"></span>
						<div class="name">box plot</div>
						<div class="code-name">.icon-boxplot</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bank-fill"></span>
						<div class="name">bank-fill</div>
						<div class="code-name">.icon-bank-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-build"></span>
						<div class="name">build</div>
						<div class="code-name">.icon-build</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-camera-fill"></span>
						<div class="name">camera-fill</div>
						<div class="code-name">.icon-camera-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sliders"></span>
						<div class="name">sliders</div>
						<div class="code-name">.icon-sliders</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-error-fill"></span>
						<div class="name">error-fill</div>
						<div class="code-name">.icon-error-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-laptop"></span>
						<div class="name">laptop</div>
						<div class="code-name">.icon-laptop</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-crown-fill"></span>
						<div class="name">crown-fill</div>
						<div class="code-name">.icon-crown-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-barcode"></span>
						<div class="name">barcode</div>
						<div class="code-name">.icon-barcode</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-mail-fill"></span>
						<div class="name">mail-fill</div>
						<div class="code-name">.icon-mail-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-camera"></span>
						<div class="name">camera</div>
						<div class="code-name">.icon-camera</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-car-fill"></span>
						<div class="name">car-fill</div>
						<div class="code-name">.icon-car-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cluster"></span>
						<div class="name">cluster</div>
						<div class="code-name">.icon-cluster</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-printer-fill"></span>
						<div class="name">printer-fill</div>
						<div class="code-name">.icon-printer-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-gateway"></span>
						<div class="name">gateway</div>
						<div class="code-name">.icon-gateway</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shop-fill"></span>
						<div class="name">shop-fill</div>
						<div class="code-name">.icon-shop-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-car"></span>
						<div class="name">car</div>
						<div class="code-name">.icon-car</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-setting-fill"></span>
						<div class="name">setting-fill</div>
						<div class="code-name">.icon-setting-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-printer"></span>
						<div class="name">printer</div>
						<div class="code-name">.icon-printer</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-USB-fill"></span>
						<div class="name">USB-fill</div>
						<div class="code-name">.icon-USB-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-read"></span>
						<div class="name">read</div>
						<div class="code-name">.icon-read</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-golden-fill"></span>
						<div class="name">golden-fill</div>
						<div class="code-name">.icon-golden-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cloud-server"></span>
						<div class="name">cloud-server</div>
						<div class="code-name">.icon-cloud-server</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-build-fill"></span>
						<div class="name">build-fill</div>
						<div class="code-name">.icon-build-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cloud-upload"></span>
						<div class="name">cloud-upload</div>
						<div class="code-name">.icon-cloud-upload</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-boxplot-fill"></span>
						<div class="name">box plot-fill</div>
						<div class="code-name">.icon-boxplot-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cloud"></span>
						<div class="name">cloud</div>
						<div class="code-name">.icon-cloud</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sliders-fill"></span>
						<div class="name">sliders-fill</div>
						<div class="code-name">.icon-sliders-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cloud-download"></span>
						<div class="name">cloud-download</div>
						<div class="code-name">.icon-cloud-download</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-alibaba"></span>
						<div class="name">alibaba</div>
						<div class="code-name">.icon-alibaba</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-cloud-sync"></span>
						<div class="name">cloud-sync</div>
						<div class="code-name">.icon-cloud-sync</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-antdesign"></span>
						<div class="name">ant design</div>
						<div class="code-name">.icon-antdesign</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-video"></span>
						<div class="name">video</div>
						<div class="code-name">.icon-video</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-ant-cloud"></span>
						<div class="name">ant-cloud</div>
						<div class="code-name">.icon-ant-cloud</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-notification"></span>
						<div class="name">notification</div>
						<div class="code-name">.icon-notification</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-behance"></span>
						<div class="name">behance</div>
						<div class="code-name">.icon-behance</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sound"></span>
						<div class="name">sound</div>
						<div class="code-name">.icon-sound</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-googleplus"></span>
						<div class="name">google plus</div>
						<div class="code-name">.icon-googleplus</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-radarchart"></span>
						<div class="name">radar chart</div>
						<div class="code-name">.icon-radarchart</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-medium"></span>
						<div class="name">medium</div>
						<div class="code-name">.icon-medium</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-qrcode"></span>
						<div class="name">qrcode</div>
						<div class="code-name">.icon-qrcode</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-google"></span>
						<div class="name">google</div>
						<div class="code-name">.icon-google</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fund"></span>
						<div class="name">fund</div>
						<div class="code-name">.icon-fund</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-IE"></span>
						<div class="name">IE</div>
						<div class="code-name">.icon-IE</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-image"></span>
						<div class="name">image</div>
						<div class="code-name">.icon-image</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-amazon"></span>
						<div class="name">amazon</div>
						<div class="code-name">.icon-amazon</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-mail"></span>
						<div class="name">mail</div>
						<div class="code-name">.icon-mail</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-slack"></span>
						<div class="name">slack</div>
						<div class="code-name">.icon-slack</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-table"></span>
						<div class="name">table</div>
						<div class="code-name">.icon-table</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-alipay"></span>
						<div class="name">alipay</div>
						<div class="code-name">.icon-alipay</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-idcard"></span>
						<div class="name">id card</div>
						<div class="code-name">.icon-idcard</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-taobao"></span>
						<div class="name">taobao</div>
						<div class="code-name">.icon-taobao</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-creditcard"></span>
						<div class="name">credit card</div>
						<div class="code-name">.icon-creditcard</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-zhihu"></span>
						<div class="name">zhihu</div>
						<div class="code-name">.icon-zhihu</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-heart"></span>
						<div class="name">heart</div>
						<div class="code-name">.icon-heart</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-HTML"></span>
						<div class="name">HTML5</div>
						<div class="code-name">.icon-HTML</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-block"></span>
						<div class="name">block</div>
						<div class="code-name">.icon-block</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-linkedin"></span>
						<div class="name">linkedin</div>
						<div class="code-name">.icon-linkedin</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-error"></span>
						<div class="name">error</div>
						<div class="code-name">.icon-error</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-yahoo"></span>
						<div class="name">yahoo</div>
						<div class="code-name">.icon-yahoo</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-star"></span>
						<div class="name">star</div>
						<div class="code-name">.icon-star</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-facebook"></span>
						<div class="name">facebook</div>
						<div class="code-name">.icon-facebook</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-gold"></span>
						<div class="name">gold</div>
						<div class="code-name">.icon-gold</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-skype"></span>
						<div class="name">skype</div>
						<div class="code-name">.icon-skype</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-heatmap"></span>
						<div class="name">heat map</div>
						<div class="code-name">.icon-heatmap</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-CodeSandbox"></span>
						<div class="name">CodeSandbox</div>
						<div class="code-name">.icon-CodeSandbox</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-wifi"></span>
						<div class="name">wifi</div>
						<div class="code-name">.icon-wifi</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-chrome"></span>
						<div class="name">chrome</div>
						<div class="code-name">.icon-chrome</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-attachment"></span>
						<div class="name">attachment</div>
						<div class="code-name">.icon-attachment</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-codepen"></span>
						<div class="name">codepen</div>
						<div class="code-name">.icon-codepen</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-edit"></span>
						<div class="name">edit</div>
						<div class="code-name">.icon-edit</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-aliwangwang"></span>
						<div class="name">aliwangwang</div>
						<div class="code-name">.icon-aliwangwang</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-key"></span>
						<div class="name">key</div>
						<div class="code-name">.icon-key</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-apple"></span>
						<div class="name">apple</div>
						<div class="code-name">.icon-apple</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-api"></span>
						<div class="name">api</div>
						<div class="code-name">.icon-api</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-android"></span>
						<div class="name">android</div>
						<div class="code-name">.icon-android</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-disconnect"></span>
						<div class="name">disconnect</div>
						<div class="code-name">.icon-disconnect</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sketch"></span>
						<div class="name">sketch</div>
						<div class="code-name">.icon-sketch</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-highlight"></span>
						<div class="name">highlight</div>
						<div class="code-name">.icon-highlight</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Gitlab"></span>
						<div class="name">Gitlab</div>
						<div class="code-name">.icon-Gitlab</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-monitor"></span>
						<div class="name">monitor</div>
						<div class="code-name">.icon-monitor</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dribbble"></span>
						<div class="name">dribbble</div>
						<div class="code-name">.icon-dribbble</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-link"></span>
						<div class="name">link</div>
						<div class="code-name">.icon-link</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-instagram"></span>
						<div class="name">instagram</div>
						<div class="code-name">.icon-instagram</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-man"></span>
						<div class="name">man</div>
						<div class="code-name">.icon-man</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reddit"></span>
						<div class="name">reddit</div>
						<div class="code-name">.icon-reddit</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-percentage"></span>
						<div class="name">percentage</div>
						<div class="code-name">.icon-percentage</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-windows"></span>
						<div class="name">windows</div>
						<div class="code-name">.icon-windows</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pushpin"></span>
						<div class="name">pushpin</div>
						<div class="code-name">.icon-pushpin</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-yuque"></span>
						<div class="name">yuque</div>
						<div class="code-name">.icon-yuque</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-phone"></span>
						<div class="name">phone</div>
						<div class="code-name">.icon-phone</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Youtube"></span>
						<div class="name">Youtube</div>
						<div class="code-name">.icon-Youtube</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shake"></span>
						<div class="name">shake</div>
						<div class="code-name">.icon-shake</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Gitlab-fill"></span>
						<div class="name">Gitlab-fill</div>
						<div class="code-name">.icon-Gitlab-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-tag"></span>
						<div class="name">tag</div>
						<div class="code-name">.icon-tag</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dropbox"></span>
						<div class="name">dropbox</div>
						<div class="code-name">.icon-dropbox</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-wrench"></span>
						<div class="name">wrench</div>
						<div class="code-name">.icon-wrench</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dingtalk"></span>
						<div class="name">dingtalk</div>
						<div class="code-name">.icon-dingtalk</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-tags"></span>
						<div class="name">tags</div>
						<div class="code-name">.icon-tags</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-android-fill"></span>
						<div class="name">android-fill</div>
						<div class="code-name">.icon-android-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-scissor"></span>
						<div class="name">scissor</div>
						<div class="code-name">.icon-scissor</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-apple-fill"></span>
						<div class="name">apple-fill</div>
						<div class="code-name">.icon-apple-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-mr"></span>
						<div class="name">mr</div>
						<div class="code-name">.icon-mr</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-HTML-fill"></span>
						<div class="name">HTML5-fill</div>
						<div class="code-name">.icon-HTML-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-share"></span>
						<div class="name">share</div>
						<div class="code-name">.icon-share</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-windows-fill"></span>
						<div class="name">windows-fill</div>
						<div class="code-name">.icon-windows-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-branches"></span>
						<div class="name">branches</div>
						<div class="code-name">.icon-branches</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-QQ"></span>
						<div class="name">QQ</div>
						<div class="code-name">.icon-QQ</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fork"></span>
						<div class="name">fork</div>
						<div class="code-name">.icon-fork</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-twitter"></span>
						<div class="name">twitter</div>
						<div class="code-name">.icon-twitter</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shrink"></span>
						<div class="name">shrink</div>
						<div class="code-name">.icon-shrink</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-skype-fill"></span>
						<div class="name">skype-fill</div>
						<div class="code-name">.icon-skype-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-arrawsalt"></span>
						<div class="name">arrawsalt</div>
						<div class="code-name">.icon-arrawsalt</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-weibo"></span>
						<div class="name">weibo</div>
						<div class="code-name">.icon-weibo</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-verticalright"></span>
						<div class="name">vertical right</div>
						<div class="code-name">.icon-verticalright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-yuque-fill"></span>
						<div class="name">yuque-fill</div>
						<div class="code-name">.icon-yuque-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-verticalleft"></span>
						<div class="name">vertical left</div>
						<div class="code-name">.icon-verticalleft</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Youtube-fill"></span>
						<div class="name">Youtube-fill</div>
						<div class="code-name">.icon-Youtube-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-right"></span>
						<div class="name">right</div>
						<div class="code-name">.icon-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-yahoo-fill"></span>
						<div class="name">yahoo-fill</div>
						<div class="code-name">.icon-yahoo-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-left"></span>
						<div class="name">left</div>
						<div class="code-name">.icon-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-wechat-fill"></span>
						<div class="name">wechat-fill</div>
						<div class="code-name">.icon-wechat-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-up"></span>
						<div class="name">up</div>
						<div class="code-name">.icon-up</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-chrome-fill"></span>
						<div class="name">chrome-fill</div>
						<div class="code-name">.icon-chrome-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-down"></span>
						<div class="name">down</div>
						<div class="code-name">.icon-down</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-alipay-circle-fill"></span>
						<div class="name">alipay-circle-fill</div>
						<div class="code-name">.icon-alipay-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fullscreen"></span>
						<div class="name">fullscreen</div>
						<div class="code-name">.icon-fullscreen</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-aliwangwang-fill"></span>
						<div class="name">aliwangwang-fill</div>
						<div class="code-name">.icon-aliwangwang-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fullscreen-exit"></span>
						<div class="name">fullscreen-exit</div>
						<div class="code-name">.icon-fullscreen-exit</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-behance-circle-fill"></span>
						<div class="name">behance-circle-fill</div>
						<div class="code-name">.icon-behance-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-doubleleft"></span>
						<div class="name">doubleleft</div>
						<div class="code-name">.icon-doubleleft</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-amazon-circle-fill"></span>
						<div class="name">amazon-circle-fill</div>
						<div class="code-name">.icon-amazon-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-doubleright"></span>
						<div class="name">double right</div>
						<div class="code-name">.icon-doubleright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-codepen-circle-fill"></span>
						<div class="name">codepen-circle-fill</div>
						<div class="code-name">.icon-codepen-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-arrowright"></span>
						<div class="name">arrowright</div>
						<div class="code-name">.icon-arrowright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-CodeSandbox-circle-f"></span>
						<div class="name">CodeSandbox-circle-f</div>
						<div class="code-name">.icon-CodeSandbox-circle-f</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-arrowup"></span>
						<div class="name">arrowup</div>
						<div class="code-name">.icon-arrowup</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dropbox-circle-fill"></span>
						<div class="name">dropbox-circle-fill</div>
						<div class="code-name">.icon-dropbox-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-arrowleft"></span>
						<div class="name">arrowleft</div>
						<div class="code-name">.icon-arrowleft</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-github-fill"></span>
						<div class="name">github-fill</div>
						<div class="code-name">.icon-github-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-arrowdown"></span>
						<div class="name">arrowdown</div>
						<div class="code-name">.icon-arrowdown</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dribbble-circle-fill"></span>
						<div class="name">dribbble-circle-fill</div>
						<div class="code-name">.icon-dribbble-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-upload"></span>
						<div class="name">upload</div>
						<div class="code-name">.icon-upload</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-googleplus-circle-f"></span>
						<div class="name">google plus-circle-f</div>
						<div class="code-name">.icon-googleplus-circle-f</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-colum-height"></span>
						<div class="name">colum-height</div>
						<div class="code-name">.icon-colum-height</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-medium-circle-fill"></span>
						<div class="name">medium-circle-fill</div>
						<div class="code-name">.icon-medium-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-vertical-align-botto"></span>
						<div class="name">vertical-align-botto</div>
						<div class="code-name">.icon-vertical-align-botto</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-QQ-circle-fill"></span>
						<div class="name">QQ-circle-fill</div>
						<div class="code-name">.icon-QQ-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-vertical-align-middl"></span>
						<div class="name">vertical-align-middl</div>
						<div class="code-name">.icon-vertical-align-middl</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-IE-circle-fill"></span>
						<div class="name">IE-circle-fill</div>
						<div class="code-name">.icon-IE-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-totop"></span>
						<div class="name">totop</div>
						<div class="code-name">.icon-totop</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-google-circle-fill"></span>
						<div class="name">google-circle-fill</div>
						<div class="code-name">.icon-google-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-vertical-align-top"></span>
						<div class="name">vertical-align-top</div>
						<div class="code-name">.icon-vertical-align-top</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dingtalk-circle-fill"></span>
						<div class="name">dingtalk-circle-fill</div>
						<div class="code-name">.icon-dingtalk-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-download"></span>
						<div class="name">download</div>
						<div class="code-name">.icon-download</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sketch-circle-fill"></span>
						<div class="name">sketch-circle-fill</div>
						<div class="code-name">.icon-sketch-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sort-descending"></span>
						<div class="name">sort-descending</div>
						<div class="code-name">.icon-sort-descending</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-slack-circle-fill"></span>
						<div class="name">slack-circle-fill</div>
						<div class="code-name">.icon-slack-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sort-ascending"></span>
						<div class="name">sort-ascending</div>
						<div class="code-name">.icon-sort-ascending</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-twitter-circle-fill"></span>
						<div class="name">twitter-circle-fill</div>
						<div class="code-name">.icon-twitter-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fall"></span>
						<div class="name">fall</div>
						<div class="code-name">.icon-fall</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-taobao-circle-fill"></span>
						<div class="name">taobao-circle-fill</div>
						<div class="code-name">.icon-taobao-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-swap"></span>
						<div class="name">swap</div>
						<div class="code-name">.icon-swap</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-weibo-circle-fill"></span>
						<div class="name">weibo-circle-fill</div>
						<div class="code-name">.icon-weibo-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-stock"></span>
						<div class="name">stock</div>
						<div class="code-name">.icon-stock</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-zhihu-circle-fill"></span>
						<div class="name">zhihu-circle-fill</div>
						<div class="code-name">.icon-zhihu-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rise"></span>
						<div class="name">rise</div>
						<div class="code-name">.icon-rise</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reddit-circle-fill"></span>
						<div class="name">reddit-circle-fill</div>
						<div class="code-name">.icon-reddit-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-indent"></span>
						<div class="name">indent</div>
						<div class="code-name">.icon-indent</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-alipay-square-fill"></span>
						<div class="name">alipay-square-fill</div>
						<div class="code-name">.icon-alipay-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-outdent"></span>
						<div class="name">outdent</div>
						<div class="code-name">.icon-outdent</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dingtalk-square-fill"></span>
						<div class="name">dingtalk-square-fill</div>
						<div class="code-name">.icon-dingtalk-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-menu"></span>
						<div class="name">menu</div>
						<div class="code-name">.icon-menu</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-CodeSandbox-square-f"></span>
						<div class="name">CodeSandbox-square-f</div>
						<div class="code-name">.icon-CodeSandbox-square-f</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-unorderedlist"></span>
						<div class="name">unordered list</div>
						<div class="code-name">.icon-unorderedlist</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-behance-square-fill"></span>
						<div class="name">behance-square-fill</div>
						<div class="code-name">.icon-behance-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-orderedlist"></span>
						<div class="name">ordered list</div>
						<div class="code-name">.icon-orderedlist</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-amazon-square-fill"></span>
						<div class="name">amazon-square-fill</div>
						<div class="code-name">.icon-amazon-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-align-right"></span>
						<div class="name">align-right</div>
						<div class="code-name">.icon-align-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-codepen-square-fill"></span>
						<div class="name">codepen-square-fill</div>
						<div class="code-name">.icon-codepen-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-align-center"></span>
						<div class="name">align-center</div>
						<div class="code-name">.icon-align-center</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dribbble-square-fill"></span>
						<div class="name">dribbble-square-fill</div>
						<div class="code-name">.icon-dribbble-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-align-left"></span>
						<div class="name">align-left</div>
						<div class="code-name">.icon-align-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dropbox-square-fill"></span>
						<div class="name">dropbox-square-fill</div>
						<div class="code-name">.icon-dropbox-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pic-center"></span>
						<div class="name">pic-center</div>
						<div class="code-name">.icon-pic-center</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-facebook-fill"></span>
						<div class="name">facebook-fill</div>
						<div class="code-name">.icon-facebook-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pic-right"></span>
						<div class="name">pic-right</div>
						<div class="code-name">.icon-pic-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-googleplus-square-f"></span>
						<div class="name">google plus-square-f</div>
						<div class="code-name">.icon-googleplus-square-f</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pic-left"></span>
						<div class="name">pic-left</div>
						<div class="code-name">.icon-pic-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-google-square-fill"></span>
						<div class="name">google-square-fill</div>
						<div class="code-name">.icon-google-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bold"></span>
						<div class="name">bold</div>
						<div class="code-name">.icon-bold</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-instagram-fill"></span>
						<div class="name">instagram-fill</div>
						<div class="code-name">.icon-instagram-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-font-colors"></span>
						<div class="name">font-colors</div>
						<div class="code-name">.icon-font-colors</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-IE-square-fill"></span>
						<div class="name">IE-square-fill</div>
						<div class="code-name">.icon-IE-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-exclaimination"></span>
						<div class="name">exclaimination</div>
						<div class="code-name">.icon-exclaimination</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-medium-square-fill"></span>
						<div class="name">medium-square-fill</div>
						<div class="code-name">.icon-medium-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-check-circle"></span>
						<div class="name">check-circle</div>
						<div class="code-name">.icon-check-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-font-size"></span>
						<div class="name">font-size</div>
						<div class="code-name">.icon-font-size</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-linkedin-fill"></span>
						<div class="name">linkedin-fill</div>
						<div class="code-name">.icon-linkedin-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-CI"></span>
						<div class="name">CI</div>
						<div class="code-name">.icon-CI</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-infomation"></span>
						<div class="name">infomation</div>
						<div class="code-name">.icon-infomation</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-QQ-square-fill"></span>
						<div class="name">QQ-square-fill</div>
						<div class="code-name">.icon-QQ-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Dollar"></span>
						<div class="name">Dollar</div>
						<div class="code-name">.icon-Dollar</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-line-height"></span>
						<div class="name">line-height</div>
						<div class="code-name">.icon-line-height</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reddit-square-fill"></span>
						<div class="name">reddit-square-fill</div>
						<div class="code-name">.icon-reddit-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-compass"></span>
						<div class="name">compass</div>
						<div class="code-name">.icon-compass</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-strikethrough"></span>
						<div class="name">strikethrough</div>
						<div class="code-name">.icon-strikethrough</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-twitter-square-fill"></span>
						<div class="name">twitter-square-fill</div>
						<div class="code-name">.icon-twitter-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-close-circle"></span>
						<div class="name">close-circle</div>
						<div class="code-name">.icon-close-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-underline"></span>
						<div class="name">underline</div>
						<div class="code-name">.icon-underline</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sketch-square-fill"></span>
						<div class="name">sketch-square-fill</div>
						<div class="code-name">.icon-sketch-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-frown"></span>
						<div class="name">frown</div>
						<div class="code-name">.icon-frown</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-number"></span>
						<div class="name">number</div>
						<div class="code-name">.icon-number</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-slack-square-fill"></span>
						<div class="name">slack-square-fill</div>
						<div class="code-name">.icon-slack-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-info-circle"></span>
						<div class="name">info-circle</div>
						<div class="code-name">.icon-info-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-italic"></span>
						<div class="name">italic</div>
						<div class="code-name">.icon-italic</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-taobao-square-fill"></span>
						<div class="name">taobao-square-fill</div>
						<div class="code-name">.icon-taobao-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-left-circle"></span>
						<div class="name">left-circle</div>
						<div class="code-name">.icon-left-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-code"></span>
						<div class="name">code</div>
						<div class="code-name">.icon-code</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-weibo-square-fill"></span>
						<div class="name">weibo-square-fill</div>
						<div class="code-name">.icon-weibo-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-down-circle"></span>
						<div class="name">down-circle</div>
						<div class="code-name">.icon-down-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-column-width"></span>
						<div class="name">column-width</div>
						<div class="code-name">.icon-column-width</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-zhihu-square-fill"></span>
						<div class="name">zhihu-square-fill</div>
						<div class="code-name">.icon-zhihu-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-EURO"></span>
						<div class="name">EURO</div>
						<div class="code-name">.icon-EURO</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-check"></span>
						<div class="name">check</div>
						<div class="code-name">.icon-check</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-zoomout"></span>
						<div class="name">zoom out</div>
						<div class="code-name">.icon-zoomout</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-copyright"></span>
						<div class="name">copyright</div>
						<div class="code-name">.icon-copyright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-ellipsis"></span>
						<div class="name">ellipsis</div>
						<div class="code-name">.icon-ellipsis</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-apartment"></span>
						<div class="name">apartment</div>
						<div class="code-name">.icon-apartment</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-minus-circle"></span>
						<div class="name">minus-circle</div>
						<div class="code-name">.icon-minus-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dash"></span>
						<div class="name">dash</div>
						<div class="code-name">.icon-dash</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-audio"></span>
						<div class="name">audio</div>
						<div class="code-name">.icon-audio</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-meh"></span>
						<div class="name">meh</div>
						<div class="code-name">.icon-meh</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-close"></span>
						<div class="name">close</div>
						<div class="code-name">.icon-close</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-audio-fill"></span>
						<div class="name">audio-fill</div>
						<div class="code-name">.icon-audio-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-plus-circle"></span>
						<div class="name">plus-circle</div>
						<div class="code-name">.icon-plus-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-enter"></span>
						<div class="name">enter</div>
						<div class="code-name">.icon-enter</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-robot"></span>
						<div class="name">robot</div>
						<div class="code-name">.icon-robot</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-play-circle"></span>
						<div class="name">play-circle</div>
						<div class="code-name">.icon-play-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-line"></span>
						<div class="name">line</div>
						<div class="code-name">.icon-line</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-zoomin"></span>
						<div class="name">zoom in</div>
						<div class="code-name">.icon-zoomin</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-question-circle"></span>
						<div class="name">question-circle</div>
						<div class="code-name">.icon-question-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-minus"></span>
						<div class="name">minus</div>
						<div class="code-name">.icon-minus</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-robot-fill"></span>
						<div class="name">robot-fill</div>
						<div class="code-name">.icon-robot-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Pound"></span>
						<div class="name">Pound</div>
						<div class="code-name">.icon-Pound</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-question"></span>
						<div class="name">question</div>
						<div class="code-name">.icon-question</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bug-fill"></span>
						<div class="name">bug-fill</div>
						<div class="code-name">.icon-bug-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-right-circle"></span>
						<div class="name">right-circle</div>
						<div class="code-name">.icon-right-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rollback"></span>
						<div class="name">rollback</div>
						<div class="code-name">.icon-rollback</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bug"></span>
						<div class="name">bug</div>
						<div class="code-name">.icon-bug</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-smile"></span>
						<div class="name">smile</div>
						<div class="code-name">.icon-smile</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-small-dash"></span>
						<div class="name">small-dash</div>
						<div class="code-name">.icon-small-dash</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-audiostatic"></span>
						<div class="name">audio static</div>
						<div class="code-name">.icon-audiostatic</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-trademark"></span>
						<div class="name">trademark</div>
						<div class="code-name">.icon-trademark</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pause"></span>
						<div class="name">pause</div>
						<div class="code-name">.icon-pause</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-comment"></span>
						<div class="name">comment</div>
						<div class="code-name">.icon-comment</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-time-circle"></span>
						<div class="name">time-circle</div>
						<div class="code-name">.icon-time-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-bg-colors"></span>
						<div class="name">bg-colors</div>
						<div class="code-name">.icon-bg-colors</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-signal-fill"></span>
						<div class="name">signal-fill</div>
						<div class="code-name">.icon-signal-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-timeout"></span>
						<div class="name">time out</div>
						<div class="code-name">.icon-timeout</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-crown"></span>
						<div class="name">crown</div>
						<div class="code-name">.icon-crown</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-verified"></span>
						<div class="name">verified</div>
						<div class="code-name">.icon-verified</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-earth"></span>
						<div class="name">earth</div>
						<div class="code-name">.icon-earth</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-drag"></span>
						<div class="name">drag</div>
						<div class="code-name">.icon-drag</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shortcut-fill"></span>
						<div class="name">shortcut-fill</div>
						<div class="code-name">.icon-shortcut-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-YUAN"></span>
						<div class="name">YUAN</div>
						<div class="code-name">.icon-YUAN</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-desktop"></span>
						<div class="name">desktop</div>
						<div class="code-name">.icon-desktop</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-videocameraadd"></span>
						<div class="name">videocamera add</div>
						<div class="code-name">.icon-videocameraadd</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-up-circle"></span>
						<div class="name">up-circle</div>
						<div class="code-name">.icon-up-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-gift"></span>
						<div class="name">gift</div>
						<div class="code-name">.icon-gift</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-switchuser"></span>
						<div class="name">switch user</div>
						<div class="code-name">.icon-switchuser</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-warning-circle"></span>
						<div class="name">warning-circle</div>
						<div class="code-name">.icon-warning-circle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-stop"></span>
						<div class="name">stop</div>
						<div class="code-name">.icon-stop</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-whatsapp"></span>
						<div class="name">whatsapp</div>
						<div class="code-name">.icon-whatsapp</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sync"></span>
						<div class="name">sync</div>
						<div class="code-name">.icon-sync</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fire"></span>
						<div class="name">fire</div>
						<div class="code-name">.icon-fire</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-appstoreadd"></span>
						<div class="name">appstore add</div>
						<div class="code-name">.icon-appstoreadd</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-transaction"></span>
						<div class="name">transaction</div>
						<div class="code-name">.icon-transaction</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-thunderbolt"></span>
						<div class="name">thunderbolt</div>
						<div class="code-name">.icon-thunderbolt</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-caret-down"></span>
						<div class="name">caret-down</div>
						<div class="code-name">.icon-caret-down</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-undo"></span>
						<div class="name">undo</div>
						<div class="code-name">.icon-undo</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-check-circle-fill"></span>
						<div class="name">check-circle-fill</div>
						<div class="code-name">.icon-check-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-backward"></span>
						<div class="name">backward</div>
						<div class="code-name">.icon-backward</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-redo"></span>
						<div class="name">redo</div>
						<div class="code-name">.icon-redo</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-left-circle-fill"></span>
						<div class="name">left-circle-fill</div>
						<div class="code-name">.icon-left-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-caret-up"></span>
						<div class="name">caret-up</div>
						<div class="code-name">.icon-caret-up</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reload"></span>
						<div class="name">reload</div>
						<div class="code-name">.icon-reload</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-down-circle-fill"></span>
						<div class="name">down-circle-fill</div>
						<div class="code-name">.icon-down-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-caret-right"></span>
						<div class="name">caret-right</div>
						<div class="code-name">.icon-caret-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-reloadtime"></span>
						<div class="name">reload time</div>
						<div class="code-name">.icon-reloadtime</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-minus-circle-fill"></span>
						<div class="name">minus-circle-fill</div>
						<div class="code-name">.icon-minus-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-caret-left"></span>
						<div class="name">caret-left</div>
						<div class="code-name">.icon-caret-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-message"></span>
						<div class="name">message</div>
						<div class="code-name">.icon-message</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-close-circle-fill"></span>
						<div class="name">close-circle-fill</div>
						<div class="code-name">.icon-close-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fast-backward"></span>
						<div class="name">fast-backward</div>
						<div class="code-name">.icon-fast-backward</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dashboard"></span>
						<div class="name">dashboard</div>
						<div class="code-name">.icon-dashboard</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-info-circle-fill"></span>
						<div class="name">info-circle-fill</div>
						<div class="code-name">.icon-info-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-forward"></span>
						<div class="name">forward</div>
						<div class="code-name">.icon-forward</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-issuesclose"></span>
						<div class="name">issues close</div>
						<div class="code-name">.icon-issuesclose</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-up-circle-fill"></span>
						<div class="name">up-circle-fill</div>
						<div class="code-name">.icon-up-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-fast-forward"></span>
						<div class="name">fast-forward</div>
						<div class="code-name">.icon-fast-forward</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-poweroff"></span>
						<div class="name">poweroff</div>
						<div class="code-name">.icon-poweroff</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-right-circle-fill"></span>
						<div class="name">right-circle-fill</div>
						<div class="code-name">.icon-right-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-search"></span>
						<div class="name">search</div>
						<div class="code-name">.icon-search</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-logout"></span>
						<div class="name">logout</div>
						<div class="code-name">.icon-logout</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-plus-circle-fill"></span>
						<div class="name">plus-circle-fill</div>
						<div class="code-name">.icon-plus-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-retweet"></span>
						<div class="name">retweet</div>
						<div class="code-name">.icon-retweet</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-piechart"></span>
						<div class="name">pie chart</div>
						<div class="code-name">.icon-piechart</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-question-circle-fill"></span>
						<div class="name">question-circle-fill</div>
						<div class="code-name">.icon-question-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-login"></span>
						<div class="name">login</div>
						<div class="code-name">.icon-login</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-setting"></span>
						<div class="name">setting</div>
						<div class="code-name">.icon-setting</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-EURO-circle-fill"></span>
						<div class="name">EURO-circle-fill</div>
						<div class="code-name">.icon-EURO-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-step-backward"></span>
						<div class="name">step-backward</div>
						<div class="code-name">.icon-step-backward</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-eye"></span>
						<div class="name">eye</div>
						<div class="code-name">.icon-eye</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-frown-fill"></span>
						<div class="name">frown-fill</div>
						<div class="code-name">.icon-frown-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-step-forward"></span>
						<div class="name">step-forward</div>
						<div class="code-name">.icon-step-forward</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-location"></span>
						<div class="name">location</div>
						<div class="code-name">.icon-location</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-copyright-circle-fil"></span>
						<div class="name">copyright-circle-fil</div>
						<div class="code-name">.icon-copyright-circle-fil</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-swap-right"></span>
						<div class="name">swap-right</div>
						<div class="code-name">.icon-swap-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-edit-square"></span>
						<div class="name">edit-square</div>
						<div class="code-name">.icon-edit-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-CI-circle-fill"></span>
						<div class="name">CI-circle-fill</div>
						<div class="code-name">.icon-CI-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-swap-left"></span>
						<div class="name">swap-left</div>
						<div class="code-name">.icon-swap-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-export"></span>
						<div class="name">export</div>
						<div class="code-name">.icon-export</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-compass-fill"></span>
						<div class="name">compass-fill</div>
						<div class="code-name">.icon-compass-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-woman"></span>
						<div class="name">woman</div>
						<div class="code-name">.icon-woman</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-save"></span>
						<div class="name">save</div>
						<div class="code-name">.icon-save</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Dollar-circle-fill"></span>
						<div class="name">Dollar-circle-fill</div>
						<div class="code-name">.icon-Dollar-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-plus"></span>
						<div class="name">plus</div>
						<div class="code-name">.icon-plus</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Import"></span>
						<div class="name">Import</div>
						<div class="code-name">.icon-Import</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-poweroff-circle-fill"></span>
						<div class="name">poweroff-circle-fill</div>
						<div class="code-name">.icon-poweroff-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-eyeclose-fill"></span>
						<div class="name">eye close-fill</div>
						<div class="code-name">.icon-eyeclose-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-appstore"></span>
						<div class="name">app store</div>
						<div class="code-name">.icon-appstore</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-meh-fill"></span>
						<div class="name">meh-fill</div>
						<div class="code-name">.icon-meh-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-eye-close"></span>
						<div class="name">eye-close</div>
						<div class="code-name">.icon-eye-close</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-close-square"></span>
						<div class="name">close-square</div>
						<div class="code-name">.icon-close-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-play-circle-fill"></span>
						<div class="name">play-circle-fill</div>
						<div class="code-name">.icon-play-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-clear"></span>
						<div class="name">clear</div>
						<div class="code-name">.icon-clear</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-down-square"></span>
						<div class="name">down-square</div>
						<div class="code-name">.icon-down-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Pound-circle-fill"></span>
						<div class="name">Pound-circle-fill</div>
						<div class="code-name">.icon-Pound-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-collapse"></span>
						<div class="name">collapse</div>
						<div class="code-name">.icon-collapse</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-layout"></span>
						<div class="name">layout</div>
						<div class="code-name">.icon-layout</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-smile-fill"></span>
						<div class="name">smile-fill</div>
						<div class="code-name">.icon-smile-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-expand"></span>
						<div class="name">expand</div>
						<div class="code-name">.icon-expand</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-left-square"></span>
						<div class="name">left-square</div>
						<div class="code-name">.icon-left-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-stop-fill"></span>
						<div class="name">stop-fill</div>
						<div class="code-name">.icon-stop-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-deletecolumn"></span>
						<div class="name">delete column</div>
						<div class="code-name">.icon-deletecolumn</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-play-square"></span>
						<div class="name">play-square</div>
						<div class="code-name">.icon-play-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-warning-circle-fill"></span>
						<div class="name">warning-circle-fill</div>
						<div class="code-name">.icon-warning-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-merge-cells"></span>
						<div class="name">merge-cells</div>
						<div class="code-name">.icon-merge-cells</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-control"></span>
						<div class="name">control</div>
						<div class="code-name">.icon-control</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-time-circle-fill"></span>
						<div class="name">time-circle-fill</div>
						<div class="code-name">.icon-time-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-subnode"></span>
						<div class="name">subnode</div>
						<div class="code-name">.icon-subnode</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-codelibrary"></span>
						<div class="name">code library</div>
						<div class="code-name">.icon-codelibrary</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-trademark-circle-fil"></span>
						<div class="name">trademark-circle-fil</div>
						<div class="code-name">.icon-trademark-circle-fil</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rotate-left"></span>
						<div class="name">rotate-left</div>
						<div class="code-name">.icon-rotate-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-detail"></span>
						<div class="name">detail</div>
						<div class="code-name">.icon-detail</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-YUAN-circle-fill"></span>
						<div class="name">YUAN-circle-fill</div>
						<div class="code-name">.icon-YUAN-circle-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-rotate-right"></span>
						<div class="name">rotate-right</div>
						<div class="code-name">.icon-rotate-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-minus-square"></span>
						<div class="name">minus-square</div>
						<div class="code-name">.icon-minus-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-heart-fill"></span>
						<div class="name">heart-fill</div>
						<div class="code-name">.icon-heart-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-insertrowbelow"></span>
						<div class="name">insert row below</div>
						<div class="code-name">.icon-insertrowbelow</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-plus-square"></span>
						<div class="name">plus-square</div>
						<div class="code-name">.icon-plus-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-piechart-circle-fil"></span>
						<div class="name">pie chart-circle-fil</div>
						<div class="code-name">.icon-piechart-circle-fil</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-insertrowabove"></span>
						<div class="name">insert row above</div>
						<div class="code-name">.icon-insertrowabove</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-right-square"></span>
						<div class="name">right-square</div>
						<div class="code-name">.icon-right-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-dashboard-fill"></span>
						<div class="name">dashboard-fill</div>
						<div class="code-name">.icon-dashboard-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-table1"></span>
						<div class="name">table</div>
						<div class="code-name">.icon-table1</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-project"></span>
						<div class="name">project</div>
						<div class="code-name">.icon-project</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-message-fill"></span>
						<div class="name">message-fill</div>
						<div class="code-name">.icon-message-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-solit-cells"></span>
						<div class="name">solit-cells</div>
						<div class="code-name">.icon-solit-cells</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-wallet"></span>
						<div class="name">wallet</div>
						<div class="code-name">.icon-wallet</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-check-square-fill"></span>
						<div class="name">check-square-fill</div>
						<div class="code-name">.icon-check-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-formatpainter"></span>
						<div class="name">format painter</div>
						<div class="code-name">.icon-formatpainter</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-up-square"></span>
						<div class="name">up-square</div>
						<div class="code-name">.icon-up-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-down-square-fill"></span>
						<div class="name">down-square-fill</div>
						<div class="code-name">.icon-down-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-insertrowright"></span>
						<div class="name">insert row right</div>
						<div class="code-name">.icon-insertrowright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-calculator"></span>
						<div class="name">calculator</div>
						<div class="code-name">.icon-calculator</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-minus-square-fill"></span>
						<div class="name">minus-square-fill</div>
						<div class="code-name">.icon-minus-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-formatpainter-fill"></span>
						<div class="name">format painter-fill</div>
						<div class="code-name">.icon-formatpainter-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-interation"></span>
						<div class="name">interation</div>
						<div class="code-name">.icon-interation</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-close-square-fill"></span>
						<div class="name">close-square-fill</div>
						<div class="code-name">.icon-close-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-insertrowleft"></span>
						<div class="name">insert row left</div>
						<div class="code-name">.icon-insertrowleft</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-check-square"></span>
						<div class="name">check-square</div>
						<div class="code-name">.icon-check-square</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-codelibrary-fill"></span>
						<div class="name">code library-fill</div>
						<div class="code-name">.icon-codelibrary-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-translate"></span>
						<div class="name">translate</div>
						<div class="code-name">.icon-translate</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border"></span>
						<div class="name">border</div>
						<div class="code-name">.icon-border</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-left-square-fill"></span>
						<div class="name">left-square-fill</div>
						<div class="code-name">.icon-left-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-deleterow"></span>
						<div class="name">delete row</div>
						<div class="code-name">.icon-deleterow</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-outer"></span>
						<div class="name">border-outer</div>
						<div class="code-name">.icon-border-outer</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-play-square-fill"></span>
						<div class="name">play-square-fill</div>
						<div class="code-name">.icon-play-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-sisternode"></span>
						<div class="name">sisternode</div>
						<div class="code-name">.icon-sisternode</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-top"></span>
						<div class="name">border-top</div>
						<div class="code-name">.icon-border-top</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-up-square-fill"></span>
						<div class="name">up-square-fill</div>
						<div class="code-name">.icon-up-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Field-number"></span>
						<div class="name">Field-number</div>
						<div class="code-name">.icon-Field-number</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-bottom"></span>
						<div class="name">border-bottom</div>
						<div class="code-name">.icon-border-bottom</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-right-square-fill"></span>
						<div class="name">right-square-fill</div>
						<div class="code-name">.icon-right-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Field-String"></span>
						<div class="name">Field-String</div>
						<div class="code-name">.icon-Field-String</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-left"></span>
						<div class="name">border-left</div>
						<div class="code-name">.icon-border-left</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-plus-square-fill"></span>
						<div class="name">plus-square-fill</div>
						<div class="code-name">.icon-plus-square-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Function"></span>
						<div class="name">Function</div>
						<div class="code-name">.icon-Function</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-right"></span>
						<div class="name">border-right</div>
						<div class="code-name">.icon-border-right</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-accountbook-fill"></span>
						<div class="name">account book-fill</div>
						<div class="code-name">.icon-accountbook-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Field-time"></span>
						<div class="name">Field-time</div>
						<div class="code-name">.icon-Field-time</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-inner"></span>
						<div class="name">border-inner</div>
						<div class="code-name">.icon-border-inner</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-carryout-fill"></span>
						<div class="name">carry out-fill</div>
						<div class="code-name">.icon-carryout-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-GIF"></span>
						<div class="name">GIF</div>
						<div class="code-name">.icon-GIF</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-verticle"></span>
						<div class="name">border-verticle</div>
						<div class="code-name">.icon-border-verticle</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-calendar-fill"></span>
						<div class="name">calendar-fill</div>
						<div class="code-name">.icon-calendar-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Partition"></span>
						<div class="name">Partition</div>
						<div class="code-name">.icon-Partition</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-border-horizontal"></span>
						<div class="name">border-horizontal</div>
						<div class="code-name">.icon-border-horizontal</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-calculator-fill"></span>
						<div class="name">calculator-fill</div>
						<div class="code-name">.icon-calculator-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-index"></span>
						<div class="name">index</div>
						<div class="code-name">.icon-index</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-radius-bottomleft"></span>
						<div class="name">radius-bottomleft</div>
						<div class="code-name">.icon-radius-bottomleft</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-interation-fill"></span>
						<div class="name">interation-fill</div>
						<div class="code-name">.icon-interation-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Storedprocedure"></span>
						<div class="name">Stored procedure</div>
						<div class="code-name">.icon-Storedprocedure</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-radius-bottomright"></span>
						<div class="name">radius-bottomright</div>
						<div class="code-name">.icon-radius-bottomright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-project-fill"></span>
						<div class="name">project-fill</div>
						<div class="code-name">.icon-project-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Field-Binary"></span>
						<div class="name">Field-Binary</div>
						<div class="code-name">.icon-Field-Binary</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-radius-upleft"></span>
						<div class="name">radius-upleft</div>
						<div class="code-name">.icon-radius-upleft</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-detail-fill"></span>
						<div class="name">detail-fill</div>
						<div class="code-name">.icon-detail-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Console-SQL"></span>
						<div class="name">Console-SQL</div>
						<div class="code-name">.icon-Console-SQL</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-radius-upright"></span>
						<div class="name">radius-upright</div>
						<div class="code-name">.icon-radius-upright</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-save-fill"></span>
						<div class="name">save-fill</div>
						<div class="code-name">.icon-save-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-icon-test"></span>
						<div class="name">1:1</div>
						<div class="code-name">.icon-icon-test</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-radius-setting"></span>
						<div class="name">radius-setting</div>
						<div class="code-name">.icon-radius-setting</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-wallet-fill"></span>
						<div class="name">wallet-fill</div>
						<div class="code-name">.icon-wallet-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-aim"></span>
						<div class="name">aim</div>
						<div class="code-name">.icon-aim</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-adduser"></span>
						<div class="name">add user</div>
						<div class="code-name">.icon-adduser</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-control-fill"></span>
						<div class="name">control-fill</div>
						<div class="code-name">.icon-control-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-compress"></span>
						<div class="name">compress</div>
						<div class="code-name">.icon-compress</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-deleteteam"></span>
						<div class="name">delete team</div>
						<div class="code-name">.icon-deleteteam</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-layout-fill"></span>
						<div class="name">layout-fill</div>
						<div class="code-name">.icon-layout-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-expend"></span>
						<div class="name">expend</div>
						<div class="code-name">.icon-expend</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-deleteuser"></span>
						<div class="name">delete user</div>
						<div class="code-name">.icon-deleteuser</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-appstore-fill"></span>
						<div class="name">app store-fill</div>
						<div class="code-name">.icon-appstore-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-folder-view"></span>
						<div class="name">folder-view</div>
						<div class="code-name">.icon-folder-view</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-addteam"></span>
						<div class="name">addteam</div>
						<div class="code-name">.icon-addteam</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-mobile-fill"></span>
						<div class="name">mobile-fill</div>
						<div class="code-name">.icon-mobile-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-file-GIF"></span>
						<div class="name">file-GIF</div>
						<div class="code-name">.icon-file-GIF</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-user"></span>
						<div class="name">user</div>
						<div class="code-name">.icon-user</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-tablet-fill"></span>
						<div class="name">tablet-fill</div>
						<div class="code-name">.icon-tablet-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-group"></span>
						<div class="name">group</div>
						<div class="code-name">.icon-group</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-team"></span>
						<div class="name">team</div>
						<div class="code-name">.icon-team</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-book-fill"></span>
						<div class="name">book-fill</div>
						<div class="code-name">.icon-book-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-send"></span>
						<div class="name">send</div>
						<div class="code-name">.icon-send</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-areachart"></span>
						<div class="name">area chart</div>
						<div class="code-name">.icon-areachart</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-redenvelope-fill"></span>
						<div class="name">red envelope-fill</div>
						<div class="code-name">.icon-redenvelope-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-Report"></span>
						<div class="name">Report</div>
						<div class="code-name">.icon-Report</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-linechart"></span>
						<div class="name">line chart</div>
						<div class="code-name">.icon-linechart</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-safetycertificate-f"></span>
						<div class="name">safety certificate-f</div>
						<div class="code-name">.icon-safetycertificate-f</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-View"></span>
						<div class="name">View</div>
						<div class="code-name">.icon-View</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-barchart"></span>
						<div class="name">bar chart</div>
						<div class="code-name">.icon-barchart</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-propertysafety-fill"></span>
						<div class="name">property safety-fill</div>
						<div class="code-name">.icon-propertysafety-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-shortcut"></span>
						<div class="name">shortcut</div>
						<div class="code-name">.icon-shortcut</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-pointmap"></span>
						<div class="name">point map</div>
						<div class="code-name">.icon-pointmap</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-insurance-fill"></span>
						<div class="name">insurance-fill</div>
						<div class="code-name">.icon-insurance-fill</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-ungroup"></span>
						<div class="name">ungroup</div>
						<div class="code-name">.icon-ungroup</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-container"></span>
						<div class="name">container</div>
						<div class="code-name">.icon-container</div>
					</li>

					<li class="dib">
						<span class="icon iconfont icon-securityscan-fill"></span>
						<div class="name">security scan-fill</div>
						<div class="code-name">.icon-securityscan-fill</div>
					</li>
				</ul>
				<div class="article markdown">
					<h2 id="font-class-">font-class 引用</h2>
					<hr />

					<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
					<p>与 Unicode 使用方式相比，具有如下特点：</p>
					<ul>
						<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
						<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
					</ul>
					<p>使用步骤如下：</p>
					<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
					<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
					<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
					<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
					<blockquote>
						<p>
							"
							iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
						</p>
					</blockquote>
				</div>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts">
import {
	ref,
} from 'vue'
const curtab = ref(1)
const handleClick = (val: number) => {
	curtab.value = val
}
</script>
<style>
@import "@/styles/iconfont/demo.css";
@import "@/styles/iconfont/iconfont.css";
@import "https://g.alicdn.com/thx/cube/1.3.2/cube.min.css";
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
</style>